Twitter Bootstrap を使用して要素を垂直または水平の中央に配置するにはどうすればよいですか?

Twitter Bootstrap で要素を中央揃えにする

Twitter Bootstrap では、親内の HTML 要素を垂直方向または水平方向に中央揃えにすることができますかコンテナ?

ソリューション

ブートストラップは、要素をセンタリングするための複数のソリューションを提供します。

1.オフセット (現在のベスト プラクティス)

このメソッドは「mx-auto」クラスを使用します:

<div>
<p><strong>2。ネイティブ ブートストラップ クラス (非推奨)</strong></p>
<p>従来の互換性のために、ブートストラップは引き続き次のクラスを提供します:</p>
<ul><li>
<p><strong>水平方向のセンタリング:</strong></p> <ul>
<li>ブロックレベル内のコンテンツのテキストセンターelement</li>
<li>pagination-centered (ページネーション要素を中央揃えにする場合)</li>
</ul>
</li></ul>
<p><strong>例:</strong></p>
<pre class="brush:php;toolbar:false"><div><p><strong>注:</strong> これらの古いクラスは 2013 年初頭には有効であった可能性がありますが、現在推奨されているアプローチは、一貫性と柔軟性を高めるためにオフセットを使用することです。</p></div>