A grande diferença entre o Bootstrap 2 e o Bootstrap 3 é que o Bootstrap 3 é "móvel primeiro".
Isso significa que os estilos padrão são projetados para dispositivos móveis e, no caso das Navbars, isso significa que "é recolhido" por padrão e "expande" quando atinge um determinado tamanho mínimo.
O site do Bootstrap 3 realmente tem uma "dica" sobre o que fazer:
http://getbootstrap.com/components/#navbar
Personalizar o ponto de recolhimento
Dependendo do conteúdo da barra de navegação, pode ser necessário alterar o ponto em que a barra de navegação alterna entre o modo recolhido e o horizontal. Personalize a variável @ grid-float-breakpoint ou adicione sua própria consulta de mídia.
Se você for recompilar seu LESS, encontrará a variável LESS observada no variables.less
arquivo. No momento, está definido como "expandir", @media (min-width: 768px)
que é uma "tela pequena" (ou seja, um tablet) pelos termos do Bootstrap 3.
@grid-float-breakpoint: @screen-tablet;
Se você quiser manter o colapso por mais algum tempo, pode ajustá-lo da seguinte forma:
@grid-float-breakpoint: @screen-desktop;
(Ponto de interrupção de 992 px)
ou expandir mais cedo
@grid-float-breakpoint: @screen-phone
(Ponto de interrupção de 480px)
Se você deseja que ele se expanda mais tarde e não lide com a recompilação do LESS, será necessário substituir os estilos que são aplicados na 768px
consulta de mídia e fazê-los retornar ao valor anterior. Em seguida, adicione-os novamente no momento apropriado.
Não tenho certeza se existe uma maneira melhor de fazer isso. Recompilar o Bootstrap MENOS às suas necessidades é a melhor (mais fácil) maneira. Caso contrário, você terá que encontrar todas as consultas de mídia CSS que afetam a sua Barra de navegação, substituí-las pelos estilos padrão na largura de 768px e depois revertê-las com uma largura mínima maior.
Recompilar o LESS fará toda essa mágica para você apenas alterando a variável. Qual é o objetivo dos pré-compiladores LESS / SASS. =)
(observe, eu pesquisei todos eles, são cerca de 100 linhas de código, o que é irritante o suficiente para eu abandonar a ideia e apenas recompilar o Bootstrap para um determinado projeto e evitar bagunçar algo por acidente)
Espero que ajude!
Felicidades!