`p-N` 及其变体在 Bootstrap v4 中代表什么?
What does the `p-N` and its variants represent in Bootstrap v4?
我发现 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 - ?
他们是新的 spacing utility 类。我认为它们非常直观:
p-*
用于填充所有边。
m-*
用于边距。
pl-*
用于向左填充。
mt-*
用于顶部边距。
mr-auto
为 margin right auto.
d-block
、d-flex
、d-inline-block
、d-none
等...
我发现 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 - ?
他们是新的 spacing utility 类。我认为它们非常直观:
p-*
用于填充所有边。m-*
用于边距。pl-*
用于向左填充。mt-*
用于顶部边距。mr-auto
为 margin right auto.
d-block
、d-flex
、d-inline-block
、d-none
等...