Что представляет собой `p-N` и его варианты в Bootstrap v4?

Question

Я считаю, что имена в Bootstrap v4 меньше, чем интуитивные.

Я знаю, что они хотят свести к минимуму воздействие всех классов, загромождающих разметку, но я просто не могу прийти к разумному выводу. Я могу догадаться, но я не могу найти конкретные ответы.

• р-1, р-2, р-N: Flexbox связаны между собой, но то, что делает p стоять?
• d-flex: Flexbox относится, но для чего стоит d? Возможно display?
• mr-auto - Этнос кузен? Предполагаемая маржа - возможно 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 и т.д ..