html - 在同一高度向左/向右拉

Question

我正在使用 bootstrap 并希望有两列，一左一右。唯一的问题是，它不在同一高度，但应该是。我可以在 margin 为负的情况下做到这一点，但这感觉不对。我还找到了 class='clearfix'，但这不起作用。这个简单问题的解决方案是什么？

HTML

<div class="span6 pull-left">
  left some content here
</div>

<div class="span6 pull-right">
  right content here
</div>

Answer 1

在 Bootstrap 中，pull = float。

这里的问题是 span div 太宽了。当您左右浮动时，如果 div 的宽度大于容器的宽度，您将看到此行为。

在 Bootstrap 中，您实际上不需要这样做。如果您的网格宽度为 12，您可以简单地执行您已经完成的操作，使用两个 6 宽度的跨度(不需要拉动或 float )。

<div class="span6">
  left some content here
</div>

<div class="span6">
  right content here
</div>