Não estou conseguindo deixar minha barra de navegação colada ao topo, com a classe “sticky-top”, quando rola a página para baixo!
Ela se cola ao topo quando fora da div com a classe “container”, mas preciso que ela fique dentro do container.
<div class="container">
<div class="col-sm-12">
<nav class="navbar sticky-top navbar-expand-md navbar-light border rounded bg-light">
<span class="d-block d-sm-none">MENU</span>
<!-- botão hamburguer -->
<button class="navbar-toggler ml-auto" data-toggle="collapse"
data-target="#nav-target">
<span class="navbar-toggler-icon"></span>
</button>
<!-- navegação -->
<div id="nav-target" class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a href="" class="nav-link">Inicio</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Sobre</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Autor</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Parceiros</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Anuncie</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Contatos</a>
</li>
</ul>
</div>
</nav>
</div>