仅在xs（智能手机和iphone）中在Bootstrap 4中应用底部边距

Question

Getbootstrap.com指示将CSS margin-bottom:4rem;放在例如图像

上

  

使用{property}{sides}-{size}格式xs以及{property}{sides}-{breakpoint}-{size}，sm，md和{{1} lg命名类}}

问题是，使用xs格式xl，{property}{sides}-{size}，将mb-4，sm，{{{ 1}}和md也是如此。

是否有人知道在Bootstrap中将lg间距应用于xl且仅margin-bottom个屏幕的技巧？我正在寻找的东西就像Bootstrap中的“if语句”。

Answer 1

由于类在增加屏幕大小时应用它们的样式而CSS是级联的，所以可以使用第二个类来覆盖第一个类。在您的示例中可能是：

<div class="mb-4 mb-sm-0"></div>

当第二个类激活时，它会覆盖第一个类。