如何在twitter Bootstrap中居中非堆叠列？

Question

我正在看这篇文章中的演示：https://stackoverflow.com/a/18717422/4147870

有没有办法将列居中到页面中间，而不是像在演示中那样对齐左边？

Answer 1

这很容易做到。使用container而不是container-fluid。该示例覆盖了container-fluid实际上使其不流畅。如果删除CSS，您将看到内容覆盖空间。

http://www.bootply.com/f0IoAp4e7J

<div class="container">
  <div class="row">
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
  </div>
  <hr>
</div>