Bootstrap 4粘性顶部边缘顶部

Question

我有元素补充工具栏和div，类别为sticky-top：

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

当侧边栏发粘时，我需要传递一个边距，因为sticky-top类没有边距上边。

当补充工具栏发粘时如何写边距？

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>

Answer 3

尝试使用：

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

如果给您带来麻烦，您可以使用!important强制执行此操作，

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

请注意，仅当其他解决方案不起作用时才应使用！important。

希望有帮助！