`p-N` 及其变体在 Bootstrap v4 中代表什么?

What does the `p-N` and its variants represent in Bootstrap v4?

我发现 Bootstrap v4 中的命名不太直观。

我知道他们想尽量减少所有 类 使标记混乱的影响,但我无法得出合理的结论。我可以猜到 - 但我找不到具体的答案。

他们是新的 spacing utility 类。我认为它们非常直观:

  • p-* 用于填充所有边。
  • m-* 用于边距。
  • pl-* 用于向左填充。
  • mt-* 用于顶部边距。
  • mr-auto 为 margin right auto.

Spacing Utils Demo

还有display utilties.

d-blockd-flexd-inline-blockd-none 等...