在同一高度左/右拉

Question

我正在使用bootstrap并希望有两列，一列左，一列右。唯一的问题是，它不是同一个高度，但它应该。我可以用保证金负面做到这一点，但这感觉不对。我还发现了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。

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

在Bootstrap中，您实际上并不需要这样做。如果您的网格宽度为12，您可以简单地完成您已完成的操作，使用两个6宽度跨度（无需拉动或浮动）。

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

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