「p-N」及其變體在Bootstrap v4中代表什麼？

Question

我發現Bootstrap v4中的命名不太直觀。

我知道他們想盡量減少所有類別混淆標記的影響，但我無法得出合理的結論。我可以猜測 - 但我找不到具體的答案。

• P-1，P-2，P-N：Flexbox的相關，但到底是什麼的p代表什麼？
• d-flex：與Flexbox相關，但d代表什麼？也許display？
• mr-auto - Elliots cousin？猜測保證金相關 - 也許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等。