1

Como fazer menu bootstrap 4 com duas linhas, Brand alinhado na esquerda, social à direita e navegação na linha de baixo

2 rows nav

1
  • Podes sempre usar um Nav dentro de uma section ou div, ou entao dois nav(um nav dentro de outro) Commented 27/03/2018 às 8:50

1 Resposta 1

1

Segue um exemplo:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-light bg-light justify-content-between">         
    <a class="navbar-brand" href="#">BRAND</a> 
    <div class="mr-sm-2">
        social
    </div>
</nav>  
<div class="row">      
    <div class="col-lg-12">
        <ul class="nav">
          <li class="nav-item">
            <a class="nav-link active" href="#">item ativo</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">item 2</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">item 3</a>
          </li>          
        </ul>
     </div>
 </div>

`

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .