Bootstrap 4 粘性顶部边距顶部

Question

我有元素侧边栏和 div 类

sticky-top

:

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

当侧边栏粘性时，我需要传递一个边距，因为类粘性顶部没有边距顶部。

侧边栏粘滞时如何书写边距？

Answer 1

31
投票

尝试：

.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。

希望有帮助！

Answer 4

为了提高响应能力，您可以使用

[class*="sticky-"] {
    top: 1rem;
}

以便它可以适用于所有响应式变体。即

sticky-md-top

、

sticky-lg-top

等