Bootstrap 3 - 行我可以有列加起來多於12？

Question

我想知道如果我的嵌套行可以加起來多於12？這樣工作是錯誤的嗎？

我試過了，它似乎對我很好，但我想確保我正確地做到這一點。

舉個例子，我可以有這個嗎？

<div class="col-md-10"> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
</div> 
</div> 

Answer 1

是的，它的確定有更多的12列在row這隻會讓額外的列換到下一行。所以，你的榜樣，你就會有2排4

http://bootply.com/91392

從引導文檔（http://getbootstrap.com/css/#grid）..

「如果超過12列放置在一行中中，每個組的 額外的列會，作爲一個單元，換到一個新行」

另外，這裏是一些例子，顯示了在使用SINGL超過12柱（col-*） e row：http://getbootstrap.com/css/#grid-example-mixed

只要知道responsive resets如果列的高度不同。 瞭解更多關於when to use Bootstrap row

---

相關的問題：如果你想這樣做，這樣，然後你必須設置列的高度內
Bootstrap what will happen if I put more than 12 columns in a row?
Bootstrap 3 - More than 12 columns in a row
Where to place bootstrap row class

Answer 2

，因爲如果您的列具有不同的高度，那麼超過12列網格的列將破壞佈局。

這是我通過經驗找到的。因此，我建議你在行中永遠不要超過12列。所以你的情況我想應該是這樣的：

<div class="col-md-10"> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
</div> 
</div>