css – 在引导程序v4中,`p-N`及其变体代表什么?

前端之家收集整理的这篇文章主要介绍了css – 在引导程序v4中,`p-N`及其变体代表什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我发现Bootstrap v4中的命名不够直观.

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

> p-1,p-2,p-N:FlexBox相关,但p代表什么?@H_404_5@> d-flex:FlexBox相关,但d代表什么?也许展示?@H_404_5@> mr-auto – Elliots堂兄?猜测保证金相关 – 也许是保证金 – 权利 – 自动但无法在文档中确认.@H_404_5@> mt-auto – ?@H_404_5@> ml-auto – ?

解决方法

他们是新的 spacing utility课程.我认为他们非常直观……

> p- *用于填充所有边.@H_404_5@> m- *用于保证所有方面.@H_404_5@> pl- *用于填充左侧.@H_404_5@> mt- *是保证金最高的.@H_404_5@> mr-auto用于保证金权限自动.

Spacing Utils Demo

还有display utilties ..

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

猜你在找的CSS相关文章