如何將span10細分爲12列

Question

我在創建另一列內的流體行時遇到困難。我的理解是，我應該能夠將span10分成12列，但我沒有任何運氣。第四個span3不適合。謝謝你的幫助。

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span2"></div> 
     <div class="span10"> 
     <div class="row-fluid"> 
      <div class="span3"></div> 
      <div class="span3"></div> 
      <div class="span3"></div> 
      <div class="span3"></div> 
     </div> 
     </div> 
    </div 
    </div> 

Answer 1

代碼片段是正確的，我使用完全相同的結構。我所經歷的是，如果一個spanX不適合，那麼我試圖放入它的空間太大了。嘗試，如果它的工作與例如：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span2"></div> 
     <div class="span10"> 
     <div class="row-fluid"> 
      <div class="span3"></div> 
      <div class="span3"></div> 
      <div class="span2"></div> 
      <div class="span4"></div> 
     </div> 
     </div> 
    </div 
</div> 

得到一個想法，如果這是問題。 希望有所幫助。

Answer 2

你有2號DIV

<div class="row fluid"> 

一個類名 「排液」，這應該是

<div class="row-fluid"> 

與 「span10」 缺乏對 「>」。

<div class="span10" 

應該

<div class="span10"> 

順便說一句，你還需要一個更

</div> 

在底部，以配合類= 「集裝箱液」。