html - 如何在 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>

这是一个包含上述代码的 jsfiddle:http://jsfiddle.net/AndrewL32/65sf2f66/48/

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

一个。 text-center 是用于在该类中居中元素的默认 Bootstrap 类。