O conceito
A navbar do Bootstrap nasce colapsada:
links empilhados, escondidos atrás de um botão. A classe
navbar-expand-* é quem diz a partir de onde ela se
abre.
navbar-expand-lg
A leitura correta: "expande a partir de 992px". Ou
seja, abaixo de 992px ela fica em hambúrguer. Muita gente lê
ao contrário — como se
lg fosse onde ela colapsa.
O que muda quando ela expande
| Elemento | Colapsada (tela estreita) | Expandida (tela larga) |
|---|---|---|
| .navbar-toggler | visível | escondido |
| .navbar-collapse | escondido até clicar | sempre visível |
| .navbar-nav | empilhado (column) | em linha (row) |
Largura da tela
1200
px
xl
Classe de expansão
Quando o botão aparecer, clique nele — o menu abre de verdade.
A classe que está valendo