Bootstrap 3 - 長右列 - 部分行

Question

我對Bootstrap相當陌生，但不是12格系統，但是我在執行比它們行長的列時遇到問題。

我在網上搜索了一個展會，但一直沒能找到答案！

如果可能的話，我會嘗試繪製我想要達到的目標！

第1列：[---- ---- 12]

第2列：[--- --- 9] [3]

行3：[3] [3] [3] [_] < - 繼續從上面的列。

我遇到的困難來自以下幾點：

第1行，一切還好。 第2行，一切都好。 第3行，當開始第三行的第一列時，由於右列中的內容很長，所以它放置得低得多，而且沒有塞入。

希望這是有道理的，有可能是一個簡單的解決方案，但我的頭現在疼，咖啡不再有效果了！

Answer 1

使用拼圖來解決這個問題：http://getbootstrap.com/css/#grid-nesting

<div class="container"> 
    <div class="row"> 
    <div class="col-sm-12"></div> 
    </div> 
    <div class="row"> 
    <div class="col-sm-9"> 
     <div class="row"> 
     <div class="col-sm-12"></div> 
     </div> 
     <div class="row"> 
     <div class="col-sm-4"></div> 
     <div class="col-sm-4"></div> 
     <div class="col-sm-4"></div> 
     </div> 
    </div> 
    <div class="col-sm-3"></div> 
    </div> 
</div> 

參見：http://bootply.com/86710