Question

已更新
如果我向max-width提供.container，那么我的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>

似乎无论我在其中包裹我的跨度都具有相同的效果。有没有办法解决这个问题？

LIVE PREVIEW HERE

Answer 1

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

你的3个第一个div有4 + 4 + 4列，所以在打印其他div之前它会断行。

尝试减少宽度...例如，使用类“span2”，您将看到更改：）

Answer 2

Bootstrap运行一个12列CSS网格系统，你在一行中有5 * span4，一行只能包含3 * span4才能换行到新行。

如果你想要一个实线，只记得spanX的总和不能是＆gt;超过12

请参阅：http://getbootstrap.com/css/#grid-example-basic

Twitter Bootstrap容器最大宽度折叠范围

2 个答案: