如何在Bootstrap网格列中居中对齐按钮（或任何div）？

Question

假设我有一个位于Bootstrap网格列内的按钮。默认情况下，它在列中左对齐。我如何居中对齐？感谢。

<div class="col-sm-2">
  <button type="button" class="btn btn-default">Delete selected PF</button>
</div>

Answer 1

只需将text-center类添加到元素的父div中，如下所示：

<div class="col-sm-2 text-center">
  <button type="button" class="btn btn-default">Delete selected PF</button>
</div>

以下是上述代码：http://jsfiddle.net/AndrewL32/65sf2f66/48/

Q值。 bootstrap中的text-center类是什么？

一个。 text-center 是该类中居元素的默认引导类。