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

【问题标题】：How to center non stacking columns in twitter Bootstrap?如何在 twitter Bootstrap 中将非堆叠列居中？
【发布时间】：2015-02-16 06:24:37
【问题描述】：

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

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

【问题讨论】：

标签： twitter-bootstrap

【解决方案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>

【讨论】：

如果只有两列并且它们的大小不同怎么办？它们再次左对齐bootply.com/qTyXoOD4U7
只要它们等于 12（引导网格），它们就可以正常工作。否则，请使用 bootply.com/MvqVtpb0Jq 之类的偏移值。