使行占用html中的所有剩余空间

Question

如何在Twitter Bootstrap中创建行以占用屏幕中的所有剩余空间？

<.....html tags>
<>
....
<>
<div class="row" style="background-color:green">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>

我希望剩下的所有空间基于上面的绿色（对于我在这个div下的任何材料，背景都是绿色的，这不是我想要的）。现在，在上面的情况下，我需要占用所有的行屏幕上剩余的空间？是否有一些简单的修改我可以做到这一点，或者我必须依赖javascript？

Answer 1

删除默认边距或覆盖它。

.maxed{
    margin-right:0;
    margin-left:0;
    width:100%;
}

然后只需：

<div class="container maxed">
    <div ...
    </div>
</div> 

这应该这样做。这是一个相同的bootply：http://bootply.com/101394

单独的类可确保您的其他容器不受影响。另外，如您所见，这不会影响响应性。