我想要一些盒子来填充所有东西，我使用Twitter Bootstrap

Question

我希望我的流体盒能够获取所有内容。这就是我现在得到的：

这就是我要找的东西：

我正在使用Twitter引导程序。

这是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个盒子上放一个宽度然后向右漂浮。如果它适合，它会偷偷摸摸并填补你正在寻找的空间。也许你应该了解浮点数是如何工作的，看看它如何应用于bootstrap中的div。希望这可以帮助！