エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

Bootstrap4で中央に配置する方法【673日目】

Bootstrap3の場合

クラスの書き方が違います。こちらを参照どうぞ。

www.nyamucoro.com

結論

classにoffset-md-3で空白を作り、その後に目的の col-md-6などを配置する

公式ドキュメント

getbootstrap.com

正しくはブランク配置

Bootstrapは12カラムでブロックを配置しています。

クラスにoffset-md-3とか書くと、左に3カラム分空白が出来ます。

つまり、offset-md-3 col-md-6 なら
3 6 3となって中央に。
offset-md-4 col-md-4 なら
4 4 4となって中央になる。

結果的に中央になります。