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 |