六、偏移列
偏移是一个用于更专业的布局的有用功能。它们可用来给列腾出更多的空间。例如，.col-xs=* 类不支持偏移，但是它们可以简单地通过使用一个空的单元格来实现该效果。
为了在大屏幕显示器上使用偏移，请使用 .col-md-offset-* 类。这些类会把一个列的左外边距（margin）增加 * 列，其中 * 范围是从 1到 11。
在下面的实例中，我们有 <div>..</div>，我们将使用 .col-md-offset-3 class 来居中这个 div。
<div> <div> <div> <p> 测试偏移列---此处往右偏移了3列 </p> </div> </div> <div> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <div>11</div> <div>12</div> </div> </div>
显示效果：
七、嵌套列
为了在内容中嵌套默认的网格，请添加一个新的 .row，并在一个已有的 .col-md-* 列内添加一组 .col-md-* 列。被嵌套的行应包含一组列，这组列个数不能超过12（其实，没有要求你必须占满12列）。
在下面的实例中，布局有两个列，第二列被分为两行四个盒子。
<div> <div> <div>第一列</div> <div>第二列--里面嵌套了四个DIV <div> <div>我是内容一<br /><br /><br /></div> <div>我是内容二</div> </div> <div> <div>我是内容三<br /><br /><br /></div> <div>我是内容四</div> </div> </div> </div> </div>
显示效果：
八、列排序
Bootstrap 网格系统另一个完美的特性，就是您可以很容易地以一种顺序编写列，然后以另一种顺序显示列。
您可以很轻易地改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序，其中 * 范围是从 1 到 11。
在下面的实例中，我们有两列布局，左列很窄，作为侧边栏。我们将使用 .col-md-push-* 和 .col-md-pull-* 类来互换这两列的顺序。
<div> <div> <div>左边</div> <div>右边</div> </div> </div>
显示效果：
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：