bootstrap框架的缺点：1、学习成本提高，需要了解整个框架，需要阅读框架的文档；2、臃肿，框架中可能有大部分你用不到的代码；3、太依赖框架，以至于很难排除bug；4、有兼容问题等。

本教程操作环境：Windows7系统、bootsrap3.3.7版、DELL G3电脑

Bootstrap简介：

Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。

为什么要用Bootstrap

在Bootstrap出现之前：

• 命名：重复、复杂、无意义（想个名字费劲）

• 样式：重复、冗余、不规范、不和谐

• 页面：错乱、不规范、不和谐

在使用Bootstrap之后： 各种命名都统一并且规范化。 页面风格统一，画面和谐。

Bootstray架构

• 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。

• CSS：Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。

• 组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。

• JavaScript 插件：Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。

• 定制：您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。

bootstrap框架的缺点：

　　a） 学习成本提高。你需要了解整个框架，需要阅读框架的文档。

　　b）css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。

　　c）可能会无法帮助你的技术提高。太依赖框架，以至于很难排除bug。包括框架中本身就带的bug。

　　d） 选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活，越来越臃肿。

　　e） 会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。