twitter-bootstrap - Bootstrap : Centering col-md-5?

Question

我觉得这是一个很奇怪的问题，但我似乎无法在网上找到解决方案。

如果我有一个 col-md-5，我似乎无法将它居中。据我了解网格系统，如果我选择列大小 (1-12)，为了控制列的位置，我使用 col-##-offset-#。

所以如果我有一个 col-md-4，我会使用 col-md-offset-4 将它从左边推到 4 列，然后它将居中。这个想法是，要使一列居中，网格中左侧和右侧的列数必须相同。

现在，假设我有一个 col-md-5 怎么办？我怎样才能使它居中？执行类似 col-md-4 的操作将从右边留下 3。我尝试了几件事但没有成功。

提前致谢。

Answer 1

Bootstrap 4

在 Bootstrap 4 中，这可以简单地使用 mx-auto 自动左/右页边距来完成...

<div class="container">
  <div class="row">
     <div class="col-sm-5 mx-auto">
        Centered
    </div>
  </div>
</div>