1.3 Bootstrap应用项目赏析
Bootstrap自从在GitHub上开源之后，迅速成为其上备受关注的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极高，可以说是非常优雅，同时涌现了许多基于Bootstrap建设的网站，这些网站界面清新、简洁，要素排版利落大方。
1.3.1 Bootstrap优秀网站
目前使用Bootstrap的著名案例有NASA和MSNBC的Breaking News。此外，很多CMS也在运用Bootstrap框架，如大家熟悉的WordPress、Drupal等。如果想了解更多Bootstrap案例，可以参考Wrapbootstrap.com。
下面介绍3个不同类型的国内网站，这些网站虽然不为人知，但分别从不同侧面展示了Bootstrap在开发中的应用效果。如果想了解更多的Bootstrap网站，可以浏览http://expo.bootcss.com/。
（1）乐窝（http://www.lewoer.com/）
乐窝是一个专为大学生和都市年轻人提供一个靠谱的、无中介的、利用地图租房和找房的工具，如图1-4所示。
图1-4 乐窝网站主页
（2）佚站（http://www.yeahzan.com/）
佚站主要以建设展示型网站为起点，为个人、企业、组织与社会搭建网络信息平台，简单描述就是提供网站建设和网页设计的网站，主页效果如图1-5所示。
（3）翁天信（http://www.dandyweng.com/）
翁天信是一个个人网站，整个网站全部页面采用Bootstrap设计，页面整体效果大方、美观，如图1-6所示。
图1-5 佚站网站主页
图1-6 翁天信网站主页
1.3.2 Bootstrap优秀插件
基于HTML5和CSS3的Bootstrap，具有大量的诱人特性：友好的学习曲线、卓越的兼容性、响应式设计、12列栅格布局、样式向导文档、自定义jQuery插件、完整的类库以及基于LESS等。因此，也出现了大量以Bootstrap为基础的扩展技术插件，下面简单介绍几个比较著名的案例，要了解更多的案例可以访问http://www.bootcss.com/。
（1）Sco.js（http://www.bootcss.com/p/sco.js/）
由于Bootstrap中大部分JavaScript插件是无法扩展的，因此才有了Sco.js，它是对Bootsrap中JavaScript插件的增强实现。
（2）Chart.js（http://www.bootcss.com/p/chart.js/）
Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
（3）bsie（http://www.bootcss.com/p/bsie/）
bsie弥补了Bootstrap对IE6的不兼容。目前，bsie能在IE6上支持Bootstrap的大部分特性。
（4）jQuery UI Bootstrap（http://www.bootcss.com/p/jquery-ui-bootstrap/）
jQuery UI Bootstrap允许在使用jQuery UI控件时充分利用Bootstrap的样式，而且不会出现样式不统一的现象，使Bootstrap和jQuery UI可以完美融合。
（5）Flat UI（http://www.bootcss.com/p/flat-ui/）
Flat UI是基于Bootstrap做的Metro化改造，由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件，但是外观更加漂亮。
（6）Metro UI CSS（http://www.bootcss.com/p/metro-ui-css/）
Metro UI CSS是一套用来创建类似于Windows 8 Metro UI风格网站的样式。现在，Metro UI CSS项目在Bootstrap的基础上被开发成一个独立的解决方案。
（7）HTML5Boilerplate（http://www.bootcss.com/p/html5boilerplate/）
HTML5 Boilerplate是一套专业的前端模板，用以开发快速、健壮、适应性强的App或网站。
（8）BootstrapEd（http://bootstraped.org/base-css.html）
BootstrapEd基于Bootstrap，并且优化了Bootstrap在中文Web环境中的效果。它增强了Bootstrap中的内置组件，增加了有价值的通用组件。