投稿

bootstrapのspacingの書き方の表

React Spacing - Bootstrap 4 & Material Design. Examples & tutorial - Material Design for Bootstrap より

Bootstrap 4で、画面サイズに応じて余白(margin)ユーティリティの表示・非表示を切り替えたいときに参照する対応表。ブレークポイントごとに有効化・無効化するクラスの組み合わせが分かる。Bootstrap 4時点(2020年)の情報。

React Spacing - Bootstrap 4 & Material Design. Examples & tutorial - Material Design for Bootstrap より

Screen Size Class
Appears on all .ml-3
Appears only on xs .ml-3 .ml-sm-0
Appears only on sm .ml-sm-3 .ml-md-0
Appears only on md .ml-md-3 .ml-lg-0
Appears only on lg .ml-lg-3 .d-xl-0
Appears only on xl .ml-xl-3