`pN`及其变体在Bootstrap v4中代表什么？

Question

我发现Bootstrap v4中的命名不够直观.

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

• p-1,p-2,pN:与Flexbox有关,但它p代表什么？
• d-flex:Flexbox相关,但它d代表什么？也许display吧？
• mr-auto - Elliots堂兄？猜测保证金相关 - 也许margin-right-auto但不能在文档中确认.
• mt-auto - ？
• ml-auto - ？

Answer 1

它们是新的间距实用程序类.我认为他们非常直观......

• p-* 用于填充所有面.
• m-* 是保证所有方面.
• pl-* 是为了填充左边.
• mt-* 是保证金最高的.
• mr-auto 是为了保证金权利自动.

间距实用程序演示

还有显示实用程序 ..

d-block,d-flex,d-inline-block,d-none等.