Barra de navegação dobrável empilhada no bootstrap 4
Eu gostaria de criar um dobrávelnavbar
. Tudo funciona, mas onav
os itens não são empilhados um como o outro. Eles estão horizontalmente próximos um do outro.
Código:
<nav class="navbar navbar-light bg-faded" role="navigation">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapsing-navbar">
☰
</button>
<div class="collapse navbar-toggleable-xs" id="collapsing-navbar">
<a class="navbar-brand" href="/">Logo</a>
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="/messages" class="nav-link">Messages</a>
</li>
<li class="nav-item">
<a href="/logout" class="nav-link">Logout</a>
</li>
</ul>
</div>
</nav>
Captura de tela: