引导4间隔错误？

Question

引导4有间隔实用程序来调整边距和垫子与简单的CSS类。

Theoretically，，我可以这样做：

<div class="d-inline-block bg-inverse p-5 pb-0 m-5 mb-0"></div>

这应该是一个元素，除了底部的外，每个边都有和边距。对吗？

但这是不可能的。相反，pb-0和mb-0正在被p-5和m-5覆盖，正如您在这里看到的：JSFiddle中的示例。

pb-0和mb-0是在原始源中的p-5和m-5之后定义的，这些类中使用的所有属性都具有!important。因此，pb-0应该覆盖p-5定义的padding-bottom，mb-0应该覆盖m-5定义的margin-bottom。

我创建了另一个示例，其中我以相同的方式定义了这些类，但在本例中，它们正按预期的方式工作：JSFiddle中的比较实例。

为什么这些引导4类没有像预期的那样工作？

Answer 1

空格实用程序使用!important，因此，使用pb-0覆盖p-5将无法工作，因为p-5遵循bootstrap.css中的pb-0

为了得到它，像你想的那样工作设置了特定的侧面..。

<div class="d-inline-block bg-inverse pb-0 px-5 pt-5 mb-0 ml-5 mt-5"></div>

而且，由于DIV在默认情况下没有填充或边距，所以您实际上并不需要*-0.

<div class="d-inline-block bg-inverse px-5 pt-5 ml-5 mt-5"></div>

https://www.codeply.com/go/6hSIEizfMd

也请看，当它可以使用的时候！很重要