网格选项
什么是 Bootstrap 网格系统
Bootstrap 网格系统提供了创建响应式网站布局的快捷方式。
Bootstrap 3 包含预定义的网格类，可快速为手机，平板电脑，笔记本电脑和台式机等不同类型的设备制作网格布局。
例如，你可以使用 .col-xs- *类为手机等超小型设备创建网格列，类似于平板电脑等小屏幕设备的 .col-sm- *类，.col-md- *类适用于台式机等中型设备，适用于大型桌面屏幕的 .col-lg- *。
下表总结了新网格系统的一些主要功能
| 超小型设备（<768px） | 小型设备平板电脑（≥768px） | 中型设备台式机（≥992px） | 大型设备台式机（≥1200px） | |
|---|---|---|---|---|
| 网格行为 | 始终水平 | |||
| 容器宽度 | 无（自动） | 750px | 970 像素 | 1170px |
| 类前缀 | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
| 列数 | 12 | 12 | 12 | 12 |
| 列宽 | 汽车 | 〜62px | 〜81px | 〜97px |
| 天沟宽度 | 30px（每列 15px） | |||
| 嵌套 | 是 | |||
| 偏置 | 是 | |||
| 列排序 | 是 |