web-dev-qa-db-ja.com

`p-N`とそのバリアントはBootstrap v4で何を表していますか?

Bootstrap v4での名前付けは、直感的ではありません。

すべてのクラスがマークアップを乱雑にする影響を最小限に抑えたいと思っているのはわかっていますが、妥当な結論に至りません。推測できますが、具体的な答えは見つかりません。

  • p-1、p-2、p-N:Flexbox関連していますが、pは何を表していますか?
  • d-flex:Flexbox関連していますが、dは何を表していますか?おそらくdisplay
  • mr-auto-エリオットのいとこ?関連マージンの推測-おそらくmargin-right-autoですが、ドキュメントで確認できません。
  • mt-auto-?
  • ml-auto-?
22
Chris

これらは、新しい 間隔ユーティリティ クラスです。とても直感的だと思います...

  • p-*は、すべての側面をパディングするためのものです。
  • m-*は、すべての辺のマージンです。
  • pl-*は、左のパディング用です。
  • mt-*は上部マージン用です。
  • mr-autoはマージン右自動用です。

Spacing Utils Demo

display utilties ..もあります。

d-blockd-flexd-inline-blockd-noneなど.

26
Zim