I'm trying to make my navbar scroll along with the page content, without any fancy styling like disappearing effects. So far, I haven't been able to achieve this using Bootstrap 4.
Here is how it currently appears:
https://i.sstatic.net/R5gDq.png It's overlapping other elements on the page.
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" id="navbar-example">
<div class="container">
<div class="navbar-toggler" data-toggle="collapse" data-target="#menu">
<span class="navbar-toggler-icon"></span>
</div>
<div class="collapse navbar-collapse bg-dark" id="menu">
<ul class="nav ml-auto justify-content-center ">
<li>menu item 1 </li>
<li>menu item 2 </li>
<li>menu item 3 </li>
</ul>
</div>
</div>
</nav>