Bootstrap 边距 class 适用于超小屏幕

Question

我使用这样的 Bootstrap classes 作为保证金，例如：my-sm-3, m-0, mr-2 等。 但是我没有找到仅适用于移动屏幕的 margin class 。 my-xs-3 不起作用。 对于这种情况，他们有 class 吗？

Answer 1

Bootstrap4中没有xs。所以，你要找的只是my-3。

这是因为Bootstrap4是"mobile first"。

同样的想法也适用于其他 类，例如专栏 类。

因此，在 Bootstrap 4 中只有 col-*.

而不是 col-xs-*

"Mobile first" 表示 default 值是为尽可能小的屏幕（移动设备）定义的，然后可以针对逐渐变大的屏幕修改值。这也称为 "progressive enhancement"。