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

Question

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

我知道他们希望尽量减少所有课程对标记造成影响的影响，但我无法得出合理的结论。我猜 - 但我无法找到具体的答案。

• p-1，p-2，p-N ：Flexbox相关，但p代表什么？
• d-flex ：与Flexbox相关，但d代表什么？也许display？
• mr-auto - Elliots堂兄？猜测保证金相关 - 也许margin-right-auto但无法在文档中确认。
• mt-auto - ？
• ml-auto - ？

Answer 1

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

• p-*用于填充所有边。
• m-*用于保证所有方面。
• pl-*用于填充左侧。
• mt-*用于保证金最高。
• mr-auto适用于自动边距。

Spacing Utils Demo

还有display utilties ..

d-block，d-flex，d-inline-block，d-none等。