html - 如何在 bootstrap 中将 colls 居中？

Question

我需要将浏览器窗口分成两个流畅的行，这样无论大小如何，它们都在屏幕上拉伸(stretch)。在第一行中，我需要添加应该自动居中的不同列。基本上它看起来像这样:

问题是我不能在第一行居中列并且行没有拉伸(stretch)到浏览器高度。我的代码如下所示:

<div class="container-fluid">
    <div class="row" style="text-align:center">
        <div class="col-md-3">.col-md-1</div>
        <div class="col-md-3">.col-md-1</div>
    </div>
    <div class="row">
        <div class="col-md-1">.col-md-1</div>
    </div>
</div>

Answer 1

你可以使用偏移来居中div

<div class="container-fluid">
    <div class="row">
        <div class="col-md-offset-3 col-md-3">.col-md-1</div>
        <div class="col-md-3">.col-md-1</div>
    </div>
</div>

并且您可以更改填充以调整 block 之间的空间。

参见 fiddle http://jsfiddle.net/JtzE6/