Question

我有一个位于here的演示网站，可以让您了解正在发生的事情。如果您滚动到底部，您可以看到9个单独的帖子，它们都已正确布局。然而，如果你将屏幕缩小到小于1232px的任何值，你会看到第7个帖子脱离其他帖子并向下移动。

现在我使用默认样式来对齐它们，使用row然后使用span4。任何人都能解释为什么会这样吗？还有什么方法可以解决它吗？

Answer 1

您的跨度总计应加起来为12.您的示例网站最多可累计超过40个！如果您不按预期使用它，我认为没有任何已定义的行为。

来自Bootstrap主页

“默认的Bootstrap网格系统使用12列”

所以你的跨度总数必须增加到每行12个。即

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>
<div class="row">
  <div class="span3">...</div>
  <div class="span3">...</div>
  <div class="span3">...</div>
</div>
<div class="row">
  <div class="span7">...</div>
  <div class="span3 offset2">...</div>
</div>

Twitter Bootstrap响应问题与span4标签

1 个答案: