Twitter Bootstrap 3 navbar-effondrement - régler la largeur de l'effondrement
- Je utiliser Twitter Bootsrap 3 avec navbar-collapse
: http://bootply.com/91119
Lorsque vous réduisez la largeur de la page, le menu se divise en deux lignes, et par la suite de l'effondrement.
Je ne peu se divise en deux lignes, mais de faire s'effondrer.
Que dois-je faire?
OriginalL'auteur motorcb | 2013-10-31
Vous devez vous connecter pour publier un commentaire.
Vous pouvez diminuer le point de la barre de navigation s'effondre..
Option 1
À partir du Bootstrap docs (http://getbootstrap.com/components/#navbar)
Option 2
Si vous ne voulez pas une coutume Bootstrap construire, vous pouvez utiliser un CSS media query. Par exemple, ici, est la mise au point d'arrêt d'une résolution de 1280 pixels:
http://www.bootply.com/98488
Mise à jour pour Bootstrap 3.1
La barre de navigation en 3.1 a changé, de sorte que le CSS pour remplacer le point d'arrêt est différent de celui 3.0. Cela permettra d'éviter la barre de navigation de montrer et puis tout à coup s'effondrer en 3.1
http://www.bootply.com/120604
Dans 3.1, option 1 de la personnalisation
@grid-float-breakpoint
fonctionnera toujours, Moins encore utilise cette variable pour produire de la mise à jour de CSS. Ma technique préférée pour la modification de la variable est d'utiliser la source Moins dans mon projet, et de remplacer les variables individuellement dans une nouvelle MOINS que les importations de bootstrap.moins - de cette façon, vous pouvez mettre à niveau vers des versions plus récentes de Bootstrap sans perdre toutes les personnalisations.OriginalL'auteur Zim