Twitter引導行與跨度包裝

Question

使用twitter引導，我想弄清楚爲什麼最後的「列」包裝。

<div class="row span4 solidBottom"> 
     <div class="span1"> 
      <label>A</label> 
     </div> 
     <div class="span1"> 
      <label>B</label> 
     </div> 
     <div class="span1"> 
      <label>C</label> 
     </div> 
     <div class="span1"> 
      <label>D</label> 
     </div> 
</div> 

它導致：

A B C 
D 
___________ 

SPAN 4 = 300px 
Four Span1s = 240 
3 Paddings = 60 
240 + 60 = 300 

所以任何線索，爲什麼它包裝？

我試圖做出多列形式，並希望保持列和行的組織。

謝謝。

編輯：加入style="width:auto"行解決問題，但爲什麼300px默認寬度換行？

Answer 1

你說的span4是300px是正確的，但我相信你的HTML有一個錯誤。

您需要將您的嵌套列包裝在新的.row類中。當你這樣做時，包裝停止。請參閱http://jsfiddle.net/panchroma/UBTv4/，例如使用默認（非流體）Bootstrap網格。

這是我使用的HTML：

<div class="container"> 

<div class="row"> 
    <div class="span4 solidBottom"> 

     <div class="row"> 
      <div class="span1"> 
       <label>A</label> 
      </div> 

      <div class="span1"> 
       <label>B</label> 
      </div> 

      <div class="span1"> 
       <label>C</label> 
      </div> 

      <div class="span1"> 
       <label>D</label> 
      </div> 

     </div> <!-- end nested row --> 

     <div class="span8"> </div> 

    </div> <!-- end parent row --> 
</div> <!-- end container --> 

對於固定的網格，列的嵌套行的數量應該達到在這種情況下，添加到父列（colums即四個數）

如果您正在使用流體網格（即排液），列的嵌套行的數量加起來應該12