基本用法

.col-md-4
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-3
.col-md-6
.col-md-3

列偏移

使用列偏移也非常简单,只需要在列元素上添加类名 col-md-offset-*(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加 col-md-offset-4,表示该列向右移动4个列的宽度。实现原理非常简单,就是利用十二分之一(1/12)的 margin-left。然后有多少个 offset,就有多少个 margin-left。

.col-md-4
col-md-2 col-md-offset-1
col-md-2 col-md-offset-1
col-md-3 col-md-offset-1

列排序

列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在 Bootstrap 框架的网格系统中是通过添加类名 col-md-push-* 和 col-md-pull-* (其中星号代表移动的列组合数)。

.col-md-4
.col-md-8

列嵌套

你可以在一个列中添加一个或者多个行(row)容器,然后在这个行容器中插入列(像前面介绍的一样使用列)。

col-md-8
col-md-4
col-md-9
col-md-3