css - 您如何使用 Bootstrap 将表单控件居中？

Question

我不知道如何在 Bootstrap 中居中表单控件。我尝试将所有内容都包装在 .center div 中，但这会将某些内容居中并搞砸其他内容。

.center
{
  text-align: center;
}

Answer 1

您可以使用 text-center 类

<p class="text-center">Center aligned text.</p>

其他文本对齐类是

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>
<p class="text-nowrap">No wrap text.</p>

有关详细信息，请访问http://getbootstrap.com/css/