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

Question

我正在使用引导程序，想要有两列，一左一右。唯一的问题是，它不在同一高度，但应该。我可以在保证金为负的情况下做到这一点，但这感觉不对。我还找到了 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 中，拉 = 浮动。

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

在 Bootstrap 中，您实际上不需要这样做。如果你的网格宽度是 12，你可以简单地做你所做的，有两个 6 宽度的跨度（不需要拉动或浮动）。

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

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