Bootstrap框架的網格系統(tǒng)還支持列的嵌套。你可以在一個列中添加一個或者多個行（row）容器，然后在這個行容器中插入列（像前面介紹的一樣使用列）。但在列容器中的行容器（row），寬度為100%時，就是當前外部列的寬度。來看一個簡單示例：
<div class="container">
<div class="row">
<div class="col-md-8">
我的里面嵌套了一個網格
<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">
我的里面嵌套了一個網格
<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>
效果如下：
注意：嵌套的列總數也需要遵循不超過12列。不然會造成末位列換行顯示。
我來試試：完成下面任務
在HTML編輯器輸入正確代碼，
1、創(chuàng)建一個8-4列網格。（備注：以中屏md（970px）為例）。
2、在第一個8列網格中插入8-4列網格。
3、在第二個4列網格中插入9-3列網格。
效果：
參考代碼：
<div class="row"> <div class="col-md-8"> 我的里面嵌套了一個網格 <div class="row"> <div class="col-md-8">col-md-8</div> <div class="col-md-4">col-md-4</div> </div> </div> <div class="col-md-4"> 我的里面嵌套了一個網格 <div class="row"> <div class="col-md-9">col-md-9</div> <div class="col-md-3">col-md-3</div> </div></div> </div>
備注:這一小節(jié)沒有正確性驗證，請查看結果窗口與教案所給的結果圖片是否一致，從而判斷輸入代碼是否正確。
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報