twitter-bootstrap - Bootstrap 4响应间距不起作用

Question

我正在使用定义的类

使用响应式断点 {property}{sides}-{breakpoint}-{size} 将边距应用于元素
m(t,b,r,l,x,y)-(sm, md, lg, xl)-(0, 1, 2, 3, 4, 5)

意思是

<div class="col-12 mb-sm-3"></div>

应该在小型设备上生成一个底部边距的 div，但事实并非如此。

Answer 1

我知道发生了什么。 mb-sm-3 仅影响 576px 的最小宽度，因此在移动设备中，例如 iphone 6，最小宽度小于 576，所以我需要做的是:

<div class="col-12 mb-3 mb-sm-0"></div>

这为 sm 以下(在这种情况下为 xs)创建了 3 的边距底部，然后 sm 及以上得到零。

谢谢你的帮助。