Bootstrap 4 有 Spacing Utilities使用简单的 CSS 类调整边距和填充。
理论上，我可以这样做:
<div class="d-inline-block bg-inverse p-5 pb-0 m-5 mb-0"></div>
这应该是一个元素，除了底部之外，每一侧都有内边距和边距。对吗？
但这并没有发生。相反，pb-0 和 mb-0 被 p-5 和 m-5 覆盖，如下所示你可以在这里看到:
example in JSFiddle .
pb-0 和 mb-0 在 p-5 和 m-5 之后定义原始来源，这些类中使用的所有属性都有 !important。因此，pb-0 应该覆盖 p-5 定义的 padding-bottom，而 mb-0 应该覆盖margin-bottom 由 m-5 定义。
我创建了另一个示例，以相同的方式定义这些类，但在本例中，它们按预期工作:comparison example in JSFiddle .
为什么这些 Bootstrap 4 类没有按预期工作？
最佳答案
间距实用程序使用 !important所以，使用 pb-0覆盖 p-5不起作用，因为 p-5关注 pb-0在 bootstrap.css
获取它working like you want设置特定的边...
<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
关于css - Bootstrap 4 间距错误？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44025566/