html - Twitter Bootstrap 容器最大宽度折叠跨度

Question

已更新
如果我给 .container 一个 max-width 那么我的 spans 就会停止正确排列。

<div class="container" style="max-width:940px">
  <div class="row">
    <div class="span4" style="background-color:#F00">1</div>
    <div class="span4" style="background-color:#F00">2</div>
    <div class="span4" style="background-color:#F00">3</div> 
    <div class="span4" style="background-color:#F00">4</div>  <!-- make a new line-->                
    <div class="span4" style="background-color:#F00">5</div>  
  </div>
</div>  

似乎无论我将 spans 包裹在其中都具有相同的效果。有什么办法可以解决这个问题吗？

LIVE PREVIEW HERE

Answer 1

这是因为 Bootstrap 有 12 列的宽度。

您的第 3 个 div 有 4 + 4 + 4 列，因此它会在打印其他 div 之前换行。

尝试减小宽度...以类“span2”为例，您会看到变化:)