Como expandir uma

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!

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

Mergulhe em programação