如何在bootstrap中将colls居中？

Question

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

问题在于我无法将cols置于第一行，并且行不会延伸到浏览器高度。我的代码如下所示：

<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>

你可以在集团之间改变填充空间。

请参阅小提琴http://jsfiddle.net/JtzE6/

Answer 2

另请参阅twitter bootstrap文档（Twitter Bootstrap Documentation）上的Alignment Classes。您应该能够将这些应用于html中的任何元素标记。它对我有用..希望这有帮助..