javascript - 我想要一些盒子来填满所有东西，我正在使用 Twitter Bootstrap

Question

我希望我的流体盒能够容纳所有内容。这是我现在得到的:

这就是我要找的:

我正在使用 Twitter Bootstrap 。

这是 jsfiddle，与我的布局显示完全一样:

http://jsfiddle.net/jUQEc/

当前的 html 标记:

<div class="container-narrow">

      <h4 class="title">Featured Companies</h4>

      <div class="row-fluid" id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 200, "itemSelector": ".item" }'>
        <div class="span6 item">
          <h4 class="title">Company Details</h4>
          <div class="box">
            test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>
        <div class="span3 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test
          </div>
        </div>

        <div class="span4 item">
          <h4 class="title">Company News</h4>
          <div class="box">
            test<br>test<br>test
          </div>
        </div>

      </div>

    </div>

谢谢。

Answer 1

您应该在第 3 个框上放置一个宽度，然后将其向右浮动。如果合适，它会偷偷溜上来填满你要找的空间。也许您应该复习一下 float 的工作原理，并看看它如何应用于 bootstrap 中的 div。希望这可以帮助!