1.1.2 Bootstrap的特点

通过Bootstrap框架结合HTML、CSS和JavaScript技术，可以构建出非常优雅的前端页面，而且占用资源较小。Bootstrap框架的特点如下。

1.响应式设计

Bootstrap框架为用户提供了一套响应式的移动设备优先的流式栅格系统，拥有完备的框架结构，项目开发方便、快捷，提高了开发效率。

2.移动设备优先

随着移动设备的使用者越来越多，自Bootstrap 3开始，框架设计理念发生了改变，转为以移动设备优先为目标，Bootstrap 3默认样式为移动设备提供了友好的支持。

3.浏览器支持

目前主流浏览器都支持Bootstrap框架，包括IE、Firefox、Chrome、Safari等。Bootstrap 4兼容IE 10+和iOS 7+。

4.低成本、易上手

学习Bootstrap框架的门槛不高，只需要读者具备HTML、CSS和JavaScript的基础知识即可。Bootstrap框架拥有完善的文档，在开发中便于查找，使用起来比较方便。Bootstrap还具有强大的扩展性，能够很好地与现实中的Web开发项目相结合。

5.CSS预编译

CSS预编译的工作原理是，提供便捷的语法和特性以便开发者编写源码，然后使用专门的编译工具将源码转化为CSS语法。Bootstrap 4中使用Sass（一种CSS扩展语言）进行CSS编写和预编译，减少了冗余代码，使CSS样式代码更容易维护和扩展。

6.框架成熟

Bootstrap框架发展比较成熟，它不断适应Web技术的发展，在原有的基础上进行更新迭代和完善，并在大量的项目中被广泛使用，并通过不断测试得以完善。

7.丰富的组件库

Bootstrap框架提供了功能强大的组件与插件，如小图标、按钮组、菜单导航、标签页等。丰富的组件和插件可以使开发人员快速搭建前端页面。开发人员还可以根据实际需要进行组件和插件的定制。