Tout en utilisant twitter bootstrap 3
sur les appareils mobiles menu nabber
horizontale et veritcal ascenseurs.
Il n'était pas là avec 2.3
et je ne pouvais pas comprendre comment le désactiver et de laisser les éléments de menu s'étendre à plein, sans barres de défilement.
source d'informationauteur DevC
C'est nouveau pour Bootstrap 3.
La meilleure façon de le faire serait de supprimer ou de commenter les lignes 52 et 53 /moins/navbar.moins: https://github.com/twbs/bootstrap/blob/master/less/navbar.less#L52-53 (vous pouvez éventuellement supprimer la ligne 59) et recompiler bootstrap.de moins en moins.
Si vous ne pouvez pas recompiler Bootstrap avec un outil comme CodeKit ou Grunt, vous aurez envie d'écrire une requête de média dans votre document css que les célibataires et remplace l' .navbar-l'effondrement de la classe peut-être comme ceci:
Je n'ai pas réellement testé que le code ci - dessus que j'ai été capable de recompiler. Vous devrez peut-être inclure !important ou quelque chose comme ça.
Cela devrait le faire (si vous êtes respectueux de la CSS 3.0 règles)
Pour supprimer la barre de défilement verticale, ce peu de CSS travaillé. Je n'ai pas les barres de défilement horizontale.
Je viens de tomber sur moi-même...
Absolument position .navbar-défaut.
L' .navbar-effondrement div est en position absolue et vous avez besoin "d'attacher" à un parent ou un ancêtre de l'élément qui n'est PAS positionné de manière statique. Donc, j'ai juste ajouté:
Ne sais pas à propos de Bootstrap 4(qui a tout juste eu c'est de l'alpha publié), mais ce qui semble faire l'affaire avec le Bootstrap 3 nav. J'ai une très longue nav, et maintenant je peux correctement faites défiler vers le bas et de voir tous les nav éléments.
Une autre solution, dans de Bootstrap 3.3.4, est d'ajouter les lignes suivantes à votre fichier CSS: