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

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

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

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

解决方法

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

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

Spacing Utils Demo

还有display utilties ..

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

猜你在找的CSS相关文章