笔记：Bootstrap栅格布局

1. bootstrap中列的类有四种：col-lg-*，col-md-*，col-sm-*，col-xs-*。
2. 只有加上<meta name="viewport" content="width=device-width"/>这行代码才能显示手机特有的效果，不然显示布局与电脑一样。
3. 手机端：若有col-xs-*，列按后面数字分配最近行的宽度，若无则每列为最近行宽度。
   电脑端：随浏览器缩放显示。每个类都有最小宽度或最大宽度值，将col-xs-*，col-sm-*，col-md-*，col-lg-*逐一与浏览器宽度比较，列的宽度应用第一个匹配的类，若无满足类，则每列为最近行的宽度。

参考：Bootstrap grid examples

            Bootstrap栅栏布局里col-xs-*、col-sm-*、col-md-*、col-lg-*之间的区别及使用方法