嵌套布局：
在一行中，有三列，每一列都有對應的BS柵格系統中的格子，以下例中因為 .row中的div對應的class分別是span4,span4,span4,所以其每一列對應的格子數是
4,4,4
現在有一個需求，要在第三列中另外再布局出2列，且這2列寬度相同那么操作如下：看彩色部分
<div class='row'>
<div class='span4'>
<h2>欄目一</h2>
<p>段落1</p>
</div>
<div class='span4'>
<h2>欄目二</h2>
<p>段落2</p>
</div>
<div class='span4'>
<h2>欄目三</h2>
<p>段落3</p>
<!--這里是嵌套布局-->
<div class='row'>
<div class='span2'>嵌套3.1</div>
<div class='span2'>嵌套3.2</div>
</div>
</div>
</div>
注意：
固定布局下的嵌套布局（求格子和）
第三列的格子數是4，那么在其中的列的格子數的總和不能大於4
流動布局下的嵌套布局（按百分比計算12/6）
第三列的格子數是4，但是流動布局下按照百分比計算，要平均分配的話，因該是12/6才可以所以以上的嵌套部分在流動布局下為
<div class='row'>
<div class='span6'>嵌套3.1</div>
<div class='span6'>嵌套3.2</div>
</div>