Bootstrap 4 粘性顶部边距顶部答案

【问题标题】：Bootstrap 4 sticky-top margin-topBootstrap 4 粘性顶部边距顶部
【发布时间】：2018-12-03 02:12:48
【问题描述】：

我有 sticky-top 类的元素侧边栏和 div：

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

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

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

【问题讨论】：

【解决方案1】：

试试：

.sticky-top { top: 0.5em; }

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

尝试使用：

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

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

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

请注意，只有在其他解决方案不起作用时才应使用 !important。

希望对您有所帮助！

【讨论】：