Bootstrap v4 padding negation pl-??? & p-??? doesn't look intuitive

Asked Mar 07 '18 at 13:31

Active Mar 07 '18 at 13:31

Viewed 19 times

I've been testing Bootstrap V4

if you have:

<div class="p-3 pl-0"></div>

Shouldn't padding be 3 3 3 0 instead of 3 3 3 3 ?
All though in the source code, p-3 will always be listed after pl-0 due to their code. But how to achieve this without going for repetitive solution like:

<div class="pt-3 pr-3 pb-3 pl-0"></div>

<div class="py-3 pr-3 pl-0"></div>

Both seem less initiative as p-3 + pl-0, any advice?

asked Mar 07 '18 at 13:31

Mik

1

You will need to set the specific sides as seen in the related question. It's because of the order of the `p-*` classes in Bootstrap CSS. – Carol Skelly Mar 07 '18 at 13:35
Can you link me to existing question, I don't want to open another discussions also thank you for your answer. – Mik Mar 07 '18 at 13:38
It's at the top: https://stackoverflow.com/questions/44025566/bootstrap-4-spacing-bug – Carol Skelly Mar 07 '18 at 13:39
My bad, thank you very much! – Mik Mar 07 '18 at 13:40
No, not bad... good question! – Carol Skelly Mar 07 '18 at 13:40

Bootstrap v4 padding negation pl-??? & p-??? doesn't look intuitive

0 Answers0