中央に表示 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>