这两天一直在看Bootstrap，一个开源的Web前端框架。Bootstrap提供了许多实用的控件，让使WebUI的开发变得简单了许多。但它最吸引人的地方并不是多样的控件，而是它的Responisive Design和Fluid Grid System。具体来说，就是可以自适应不同浏览器和终端的UI。
当我们要建设一个手机版网站的时候，一般的策略是通过跳转使用户转到不同的页面（手机版、电脑版、平板版）。但是通过Bootstrap提供的这两个功能，我只需要一个页面就可以应付所有的用户，例如：
通过使用Fluid Grid System：
电脑端
但是当我们把尺寸缩小（手机端访问）：
就变成了这个样子
若我们点击那个按钮：
还可以打开同样的导航菜单
Responsive Design则可以通过定义.visible-?属性，控制不同终端显示的内容。比如说，我想让用电脑的用户看到一个新闻大聚合，而手机端的用户只看到头条新闻，那么我只需要在所有非头条部分里加上visible-phone就行。
这些都是全自动的哦~
Bootstrap官网：getbootstrap.com