引导跨度闯入新线，连续

我有一些简单的标记，看起来像下面不与其他跨排列：引导跨度闯入新线，连续

<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

引导跨度闯入新线，连续

回答

相关问题