在同一高度左/右拉

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>