Bootstrap框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個(gè)列中添加一個(gè)或者多個(gè)行（row）容器，然后在這個(gè)行容器中插入列（像前面介紹的一樣使用列）。但在列容器中的行容器（row），寬度為100%時(shí)，就是當(dāng)前外部列的寬度。來看一個(gè)簡單示例：

<div class="container">
    <div class="row">
        <div class="col-md-8">
        我的里面嵌套了一個(gè)網(wǎng)格
            <div class="row">
            <div class="col-md-6">col-md-6</div>
            <div class="col-md-6">col-md-6</div>
          </div>
        </div>
    <div class="col-md-4">col-md-4</div>
    </div>
    <div class="row">
        <div class="col-md-4">.col-md-4</div>
    <div class="col-md-8">
    我的里面嵌套了一個(gè)網(wǎng)格
        <div class="row">
          <div class="col-md-4">col-md-4</div>
          <div class="col-md-4">col-md-4</div>
          <div class="col-md-4">col-md-4</div>
        </div>
    </div>
    </div>
</div>

效果如下：

注意：嵌套的列總數(shù)也需要遵循不超過12列。不然會(huì)造成末位列換行顯示。