1
resposta

Como expandir uma "ul"e seus "li" em toda largura da navbar

Referente ao curso Bootstrap 4: criando uma landing page responsiva, no capítulo Instalando o bootstrap e implementando a navbar e atividade Utilizando o Flexbox com Bootstrap

por Felipe Sinésio Trajano de Arruda
| 142.9k xp | 18 posts

Como expandir uma "ul"e seus "li" em toda largura da navbar é preciso criar uma div para cada li

Navbar
1 resposta
por mbthales
| 200.1k xp | 165 posts

Olá 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!