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

Question

有人能帮我处理这个案子吗？

我想删除导航栏下的div的空白处(导航栏下的空白区有一个永久的类my-3表示空白区顶部1rem)。我希望只有在导航栏未展开时，边距顶部类(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和引导程序的链接，那么您的代码将覆盖引导程序代码