Bootstrap3
日本語リファレンス

広告

中央に表示  Center content blocks


display: block;margin-left: auto;margin-right: auto;を指定するクラス。

幅を指定した要素にこのクラスを指定すると、中央に表示する。


サンプル
ブロック要素を中央に表示
ソースコード
<div
	class="center-block"
	style="width: 256px; text-align: center; background-color: #ffe661; border: 1px solid gray;"
>
	ブロック要素を中央に表示
</div>
サンプル
ソースコード
<button class="btn btn-default center-block">ボタン</button>

広告