css - 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/をご覧ください。