Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

简介：

栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。

栅格选项：

bootstrap3.x使用了四种栅格选项来形成栅格系统，分别是col-xs、col-sm、col-md、col-lg，分别适合不同尺寸的屏幕设备。

超小屏幕(xs) ：手机 (<768px)
小屏幕(sm)： 平板 (≥768px)
中等屏幕(md)： 桌面显示器 (≥992px)
大屏幕(lg)： 大桌面显示器 (≥1200px)

工作原理：
“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。
通过“行（row）”在水平方向创建一组“列（column）”。
你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。

栅格系统中的列是通过指定1到12的值来