引導行和列解釋

此引導程序是否有效？引導行和列解釋

<div class="row"> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
</div>

或者我需要每12列一個新行嗎？

因爲現在它不適合我這樣做。而且我不想每12日排一次，因爲我需要過濾我的文章，而當他們處於不同的行時，我無法做到這一點。

來源

2015-04-17 Joel Gullander

Bootstrap是一個基於12列的框架。所以是的，你可以在一行中定義最多12列。 [Here]（http://getbootstrap.com/css/#grid-example-basic）是一個很好的視覺示例 –

Bootstrap has a own Grid-System，它允許你多達12列。從實況：

引導包括響應，移動第一流體網格適當擴展到12列作爲設備或視口尺寸增大系統。

它有一個原因，它僅僅是12，而不是你希望有儘可能多的。本文對此進行了很好的描述：The Subtle Magic Behind Why the Bootstrap 3 Grid Works

閱讀完本文後，您已經準備好以Bootstraps網格系統的方式工作了。

來源

2015-04-17 10:08:36

這是一篇很棒的文章。 – ZimSystem

查看grid system上的官方bootstrap文檔。這非常簡單。

基本上每一行應該只加起來12所以你可以在一行中調整兩個COL-SM-6的div（顯示爲兩個並排側欄）

來源

2015-04-17 10:08:43

你會每12列獲得一個新的視覺行，但是你不需要用標記來定義它。

從the documentation：

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

來源

2015-04-17 10:11:23 Quentin

謝謝，我是這麼認爲的。不幸的是，這並不適用於我，一些列最終不會浮動.....是否因爲列的高度是不同的？ –

「我需要一個新的行每12列？」 ..

流行的觀點相反，它是好的擁有道達爾超過12臺單一.row列。它只是導致該行進行換行。這被稱爲column wrapping ..

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

因此，這...

<div class="row"> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
</div>

在功能上是相同的爲 ...

<div class="row"> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
</div> 
<div class="row"> 
<div class="col-sm-6"></div> 
<div class="col-sm-6"></div> 
</div>

動態創建col-*時，每行超過12列是常見情況。如果您在高度不同的列中存在間隙問題，則可以使用CSS clearfix每隔n-TH列這樣的數據。http://www.codeply.com/go/J6cCo3xL7H

來源

2015-04-17 15:06:28 ZimSystem

引導行和列解釋

回答

相關問題