Bootstrap 4 粘性定位的 margin-top

Question

我有一个元素边栏和一个带有类sticky-top的

元素：

Translated text:

我有一个元素边栏和一个带有类sticky-top的

元素：

<div class="row">
   <div class="col-lg-4">
      <div class="sticky-top">
           ....
      </div>
   </div>
</div>

当侧边栏固定时，由于类名sticky-top没有margin-top，我需要添加一个margin。

我应该如何在侧边栏固定时编写margin呢？

- Dumitru

---

可能是 https://stackoverflow.com/questions/44663517/bootstrap-4-sticky-navbar-with-fixed-margin 的重复问题。 - Parth Raval

可能是以下问题的重复： Bootstrap 4 - 带固定边距的粘性导航栏 - UkFLSUI

Answer 1

尝试：

.sticky-top { top: 0.5em; }

- לבני מלכה

Answer 2

你需要使用 top 而不是 margin-top

<div class="row">
    <div class="col-lg-4">
        <div class="sticky-top" style="top: 30px">
            ....
        </div>
    </div>
</div>

- Pasq

Answer 3

尝试使用：

.sticky-top{
  margin-top:10px;
}

如果它给你带来麻烦，你可以使用!important强制它，像这样：

.sticky-top{
  margin-top:10px !important;
}

请注意，只有在其他解决方案无法解决问题时才应使用!important。

希望这可以帮到你！

- Bögözi