有些时候,我们不希望两个相邻的列紧挨在一起,就可以使用栅格系统的列平移功能。使用 .offset* 类,可以将列向右平移,* 用于指定平移的列数。比如,以下代码中的 .offset2 会导致 .span3 向右平移 2 列,.offset3 会导致 .span6 向右平移 3 列:
<div class="row">
<div class="span4">4</div>
<div class="span3 offset2">3 offset 2</div>
</div>
<div class="row">
<div class="span3 offset1">3 offset 1</div>
<div class="span3 offset2">3 offset 2</div>
</div>
<div class="row">
<div class="span6 offset3">6 offset 3</div>
</div>
上述代码的运行结果如图 2‑2所示:
图2-2 Bootstrap默认栅格系统中平移列