CSS3: Bootstrap 4 Beta でグリッドレイアウトの offset クラスがなくなる

Bootstrap 4 Alpha から Beta の仕様変更で、グリッドレイアウトの offset クラスがなくなりました。
今回は、Bootstrap 4 Beta での offset の代わりとなる、auto の使い方をメモしておきます。

目次

• Bootstrap 4 Beta グリッドレイアウト auto の使い方
• まとめ

Bootstrap 4 Beta グリッドレイアウト auto の使い方

Bootstrap 4 Alpha 以前に採用されていた offset-x（x は数値） クラスを、ml-auto、もしくは mr-auto に変更することで対応します。

HTML

[code]

[/code]

カラムの左側が空白の場合 ml-auto を、カラムの右側が空白の場合 mr-auto を設定すれば、自動的にオフセット値が計算され、スペースが確保されます。

まとめ

Bootstrap4 Beta は正式リリースに限りなく近いものとなっているはずです。
現在 Bootstrap3 を利用している方は、そろそろ Bootstrap4 へリプレースを行なってもよいかもしれません。

この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。