Twitter bootstrap 如何仅在桌面上使用引导添加负边距

我正在使用引导实用程序类“mb-n15”为图像添加一些负边距，使其位于容器下方：

<div class="container-fluid">
    <div class="row align-items-center">
        <div class="col-12 col-md-5 col-lg-5 order-md-1">

            <div class="w-md-150 w-lg-130 position-relative">

                <!-- Image -->
                <div class="mb-n15">

                    <!-- Image -->
                    <img src="myimage.jpg" class="img-fluid">

                </div>

            </div>

        </div>
    </div>
</div>

它在桌面上看起来很棒。然而，在手机上，它与图像下方的一些文本重叠，使其无法阅读

---

如何仅在“col-md-5”或“col-lg-5”（及以上，而非col-12）尺寸上触发“mb-n15”类？其想法是使用“引导方式”运行“mb-n15”类，而无需手动编写CSS媒体查询。这可能吗？

是无

mb-n15

类。有0-5个单位的等级可以相应地设置

因此，例如，如果您想在

md

上设置负5间隔单位或更大的边距，而在xs/sm（移动）上不设置负边距，那么：

     <div class="m-md-n5 m-0">
           <img src="//placehold.it/800x500" class="img-fluid">
     </div>

---

尽管引导文档只列出了1-5个单元，但我发现5个单元对我来说是不够的。如果我将它设置为mb-md-n5，它只会下降-1.5rem。如果我将它设置为mb-md-n15，它将下降到-16rem。谢谢你的帮助。正如您所建议的，关键是将-md-添加到类名中。：-）