认识Bootstrap框架

Posted 2021-04-29 小海前端开发技术

同学们，由于Bootstrap框架在当今页面开发领域的广泛推广，从今天起，我们将陆续发布Bootstrap的知识点总结，已经学习完Bootstrap框架的同学们，可以每天认真阅读这些知识点，对学习过的内容进行回顾，遇到印象不太深刻或已经遗忘的内容，可以自行在电脑上进行尝试。还没有接触过Bootstrap框架的同学们，也可以尝试提前了解该框架的强大功能。

2011年，Twitter（推特）的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集，即Bootstrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上参与人数最多的开源项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高（可以说是优雅）。同时涌现出了许多基于Bootstrap建设的网站，这些网站界面清新、简洁、要素排版利落大方。

GitHub上这样介绍 Bootstrap：

    ☑  简单灵活，可用于流行架构的用户界面和交互接口的html + css + javascript 的工具集。

    ☑  基于html5、css3的Bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列栅格系统，样式向导文档。

    ☑  自定义JQuery插件，完整的类库，基于Less/Sass等。

我们将Bootstrap框架的学习分为了四个主要的部分：

• 全局CSS样式

• Bootstrap 组件

• 栅格系统

• Bootstrap 插件

接下来，就让我们利用后续的时间一同回顾Bootstrap为我们提供的强大的响应式布局功能吧。