如何使用Bootstrap集中控件？

Question

我无法弄清楚如何在Bootstrap中居中表单控件。我尝试将所有东西都包装在.center div中，但这会把一些事情集中起来并搞砸其他东西。

.center
{
  text-align: center;
}

Answer 1

您可以使用文本中心类

<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/