Bootstrap v4での名前付けは、直感的ではありません。
すべてのクラスがマークアップを乱雑にする影響を最小限に抑えたいと思っているのはわかっていますが、妥当な結論に至りません。推測できますが、具体的な答えは見つかりません。
p
は何を表していますか?d
は何を表していますか?おそらくdisplay
?margin-right-auto
ですが、ドキュメントで確認できません。これらは、新しい 間隔ユーティリティ クラスです。とても直感的だと思います...
p-*
は、すべての側面をパディングするためのものです。m-*
は、すべての辺のマージンです。pl-*
は、左のパディング用です。mt-*
は上部マージン用です。mr-auto
はマージン右自動用です。display utilties ..もあります。
d-block
、d-flex
、d-inline-block
、d-none
など.