Boostrap 4间距适用于移动设备

Question

Bootstrap具有间距类，例如m-sm-1和m-md-1。它似乎也适用于移动设备，也可以在其文档中编写：Spacing utilities that apply to all breakpoints, from xs to xl。但是，m-xs-*不起作用。我在源代码中找不到这样的类

bootstrap 4是否有移动设备的间隔实用程序类？如何在按钮上应用mt-xs-2？

Answer 1

在{4> em 的Bootstrap 4 中删除了-xs-变体。对于大多数实用程序类（以及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命名类   对于sm，md，lg和xl， {property} {sides} - {breakpoint} - {size} 。