引導跨度闖入新線，連續

我有一些簡單的標記，看起來像下面不與其他跨排列：引導跨度闖入新線，連續

<div class="row" id="features"> 
     <div class="span3 divider"> 
      <div class="featureicon"><i class="icon-trophy"></i></div> 
      <h3>some header</h3> 
      <p>some text</p> 
     </div>   
     <div class="span3 divider"> 
      <div class="featureicon"><i class="icon-comments"></i></div> 
      <h3>some header</h3> 
      <p>some text.</p> 
     </div>  
     <div class="span3 divider"> 
      <div class="featureicon"><i class="icon-male"></i></div> 
      <h3>another header</h3> 
      <p>more text</p> 
     </div> 
     <div class="span3 divider"> 
      <div class="featureicon"><i class="icon-wrench"></i></div> 
      <h3>yet another header</h3> 
      <p>some more text</p> 
      </div> 
     <div class="span3"> 
      <div class="featureicon"><i class="icon-male"></i></div> 
      <h3>last header</h3> 
      <p>last bit of text</p> 
     </div> 
     </div><!--end row-->

沒有我補充說，最終span3格，一切看起來和感覺很棒。問題是，我需要在這一行5跨度，而不是4.屏幕上肯定有空間適合它，但它只是下降到下一行。將Twitter Bootstrap中的所有五個跨度放在一個物理行上的最佳方法是什麼？

來源

2013-07-24 randombits

單個行中跨度的總和不能超過12，否則他們確實會下降到一個新行。在12個網格系統中，5列均勻分佈是不可能的。你將不得不使用像'width：20％;'一樣的自定義CSS – Pevara

spans可以達到最多12個組合。

所以...... 4 4 4,3 3 3 3,12,10 2等是可能的組合。

參見：http://twitter.github.io/bootstrap/scaffolding.html

標準的引導網格系統採用12列，使得對於未啓用響應功能 940px寬的容器。隨着響應式CSS文件的添加，根據您的視口，網格可以調整爲724px和1170px寬。在767px以下的視口中，這些列將變爲流體並垂直疊加。

您可以去這裏：http://twitter.github.io/bootstrap/customize.html並自定義列數。（我從來沒有親自嘗試過）

來源

2013-07-24 19:24:09 JorgeeFG

引導跨度闖入新線，連續

回答

相關問題