BootStrap 2的模块从大的方面可以分为布局框架、页面排版、基本组件、jQuery插件以及变量编译的Less几个部分。与第1版相比，Bootstrap 2增加了多个新模块，比如布局框架中的“响应式布局”，页面排版中的“ICON”，基本组件中的“进度条”，而jQuery插件从以前的5个效果增加到 12个，完全可以满足项目常用的交互效果。下面来简单了解一下Bootstrap 2中各模块的功能。
页面布局
布局在每个项 目中都必不可少，Bootstrap在960gs的基础上扩展了一套优秀的Grids布局，而在“响应式布局”中有更强大的功能，能让网格布局适应各种设 备。使用也相当简单，只需要按照HTML模板应用，就能轻松地构建你所需的布局效果。此外，改变模板中的类名，就能实现不同的布局风格。比如常见的“固定 布局”，只需要在HTML中添加“container”类名；而要实现“流体布局”，只需要在HTML中添加“container-fluid”类名。 Bootstrap还为开发者设计了“Responsive”， 令布局框架更为出色。开发者可以在此基础上进行任何样式的覆盖，从而实现理想中的响应式设计。
页面排版
页面排版的好坏直接影 响产品风格，说直白点就是好不好看。在Bootstrap中，页面的排版都是从全局的概念上出发，定制了主体文本、段落文本、强调文本、标题、Code风 格、按钮、表单、表格等格式。而Bootstrap 2中又添加了几个新亮点。其一是“Code”使用了“Google Prettify”插件，增强了代码的阅读体验；其二在“按钮”中增加了组合、下拉、图标等效果。
第三就是“Icon”的使用，Bootstrap在“Icon”部分采用了“Sprites”技术，为大家准备了上百种常用的“Icon”图标应用。
说 起Icon，这里有必要在向读者推荐一个从BootStrap扩展出来的Font Awesome项目。它是Dave Gandy在Bootstrap的基础上扩展出来的一个Icon主题，最大的特点在于，整套图标中没有运用任何图片。大家可能会觉得奇怪，没有图片如何制 作Icon？难道是通过纯CSS编写的吗？是的，Font Awesome项目中主要运用了CSS3的“@font-face”和“伪元素”一起实现。