Bootstrap 4 - 在导航展开时删除导航栏下div的边距

Question

有人可以帮忙解决这个问题，

我想在导航栏下删除div的margin-top（对于margin-top 1rem有一个永久类my-3）。我希望这个margin-top类（my-3）仅在导航栏未展开时才处于活动状态，因为当导航栏被展开时，它与div之间存在间隙。

 <div role="navigation"> </div>
        <div class="container-fluid ">
                <div class="row-9">
                  <div class="col-xl-9 my-3">
                  </div>
                </div>
        </div>

谢谢。

Answer 1

尝试这样的事情：

@media screen and (min-width: your choice) {
      .no-margin {
              margin-top: 0px;
       }
}

然后在你喜欢的div上使用该类。如果您以正确的顺序将链接放到CSS和引导程序中，则代码将覆盖Bootstraps代码