用于移动设备的 Boostrap 4 间距

Question

Bootstrap 具有间距类，例如m-sm-1和m-md-1。似乎它也适用于移动设备，如其文档中所写：适用于所有断点的间距实用程序，从xs到xl. 但是，m-xs-*不起作用。我在它的源代码中也找不到这样的类

bootstrap 4 是否有用于手机的间距实用程序类？如何mt-xs-2在按钮上申请？

Answer 1

该-xs-变体在 Bootstrap 4 中随处删除。对于大多数实用程序类（以及 Grid），行为如下：

• class-*
• class-sm-*
• class-md-*
• class-lg-*

因此，对于 Margin 实用程序类，您可以执行以下操作：

<div class="m-1 m-sm-2 m-md-3 m-lg-4">Hi!</div>

在最小的断点处m-1将应用，它会从那里向上工作。您可以从原始帖子中的相同链接中了解更多相关信息：

https://getbootstrap.com/docs/4.0/utilities/spacing/

类使用格式{property}{sides}-{size}命名为 xs，{property}{sides}-{breakpoint}-{size}用于 sm、md、lg 和 xl。