三个相等的列
获得三个等宽的列，从桌面开始并扩展到大型桌面。在移动设备、平板电脑及以下设备上，列将自动堆叠。
.col-md-4
.col-md-4
.col-md-4
三不等列
获取从桌面开始并扩展到各种宽度的大型桌面的三列。请记住，单个水平块的网格列最多应为 12 个。不仅如此，无论视口如何，列都会开始堆叠。
.col-md-3
.col-md-6
.col-md-3
两列
获得从桌面开始并扩展到大型桌面的两列。
全宽，单列
全角元素不需要网格类。
具有两个嵌套列的两列
根据文档，嵌套很容易——只需在现有列中放置一行列。这为您提供了从桌面开始并扩展到大型桌面的两列，在较大的列中还有另外两列（等宽）。
在移动设备尺寸、平板电脑及以下尺寸下，这些列及其嵌套列将堆叠。
混合：移动和桌面
Bootstrap 3 网格系统有四层类：xs（手机）、sm（平板电脑）、md（台式机）和 lg（更大的台式机）。您几乎可以使用这些类的任意组合来创建更加动态和灵活的布局。
每一层的类都会按比例放大，这意味着如果您计划为 xs 和 sm 设置相同的宽度，您只需要指定 xs。
.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
混合：移动设备、平板电脑和台式机
.col-xs-12 .col-sm-6 .col-lg-8
.col-sm-6 .col-lg-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
列清
清除特定断点处的浮动，以防止内容不均匀的尴尬包装。
.col-xs-6 .col-sm-3
调整视口大小或在手机上查看示例。
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
偏移、推和拉复位
在特定断点处重置偏移、推送和拉取。
.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0