Como expandir uma "ul"e seus "li" em toda largura da navbar é preciso criar uma div para cada li
NavbarVocê está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como expandir uma "ul"e seus "li" em toda largura da navbar é preciso criar uma div para cada li
NavbarOlá Felipe, tudo bem?
Eu utilizei o componente Navs do Bootstrap para resolver teu problema:
<nav>
<ul class="nav nav-pills nav-fill">
<li class="nav-item"><a class="nav-link text-dark" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link text-dark" href="#">Abordagem</a></li>
<li class="nav-item"><a class="nav-link text-dark" href="#">Sobre Mim</a></li>
<li class="nav-item"><a class="nav-link text-dark" href="#">Terapias</a></li>
<li class="nav-item"><a class="nav-link text-dark" href="#">Depoimentos</a></li>
<li class="nav-item"><a class="nav-link text-dark" href="#">Contatos</a></li>
</ul>
</nav>Veja só nesse CodePen se é isso o que você está querendo: https://codepen.io/mbthales/full/jONeLxM
Espero ter ajudado, abraços!