Bootstrap 4 sticky-top margin-top

Question

I have element sidebar and div with class sticky-top:

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

I need pass a margin, when sidebar is sticky, because class sticky-top doesn't have a margin-top.

How I can write margin when sidebar is sticky?

Answer 1

Try:

.sticky-top { top: 0.5em; }

Answer 2

You need to use top instead of margin-top

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