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

use*_*199 9 css bootstrap-4

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

类是使用的格式命名{property}{sides}-{size}xs{property}{sides}-{breakpoint}-{size}sm,md,lg,和xl.

的问题是,使用XS格式,{property}{sides}-{size},这将是mb-4,将应用相同的边距间距sm,md,lg,和xl为好.

有没有人知道将margin-bottomBootstrap中的间距应用于xsxs屏幕的技巧?我正在寻找的东西就像Bootstrap中的"if语句".

Seb*_*tel 23

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

<div class="mb-4 mb-sm-0"></div>
Run Code Online (Sandbox Code Playgroud)

当第二个激活时,它会超越第一类.

  • 好答案。十分优雅。谢谢。 (2认同)