Barre de nav [Bootstrap]

ShadZ76
Les bases HTML/CSS

Bonjour !

Je rencontre un petit problème avec l'utilisation de la barre de navigation de bootstrap. Celle ci change de design "3x"
1er : http://imgur.com/VXsKZdm
2eme : http://imgur.com/A6xu6mW
3eme : http://imgur.com/UMIk0MW

J'aimerais faire sauter le 2eme design (qui est un peu moche) et passer directement du premier design (la barre complete) au 3eme design (la barre mobile). Cela est-il possible ? Et si oui comment ?

Si vous avez besoin d'infos supplémentaires n'hésitez pas à me le dire ;)

Merci d'avance !

6 réponses

lolotoobo

A mon avis histoire de ne toucher qu'au minimim le mieux est de jouer avec les tailles des media-queries. Tu as un fichier qui s'appelle variables.less dans le répertoire less. Tu as les variables @screen-XX-min. A toi de les modifier

ShadZ76
Auteur

D'abord merci de ta réponse ;)
Mais tu parles d'un répertoire less, or je n'ai rien de tout ça dans mon dossier bootstrap (version 3.3.2)

lolotoobo

Tu as 2 choix : soit tu récupères la version avec les fichiers sources(less) soit la méthode chiante qui conciste à modifier les css :)

Pour la 1 : soit tu fais un bower install bootstrap soit télécharger le github
Pour la 2e, tu crées un fichier css et tu modifies tous les media queries des navbars en regardant dans l'inspecteur de code

Oussama Baoui

voire la documentation de bootstrap
sorry francais faible

Pierre Ftn

https://www.youtube.com/watch?v=uaPyBsYZrgc

tu prends la version less et tu modifies la media queries du menu

brokleen

Salut effectivement c'est le fichier variable qu'il faut modifier. Après si tu as commencé à utiliser boostrap sans sass ou less je te conseil fortement d'apprendre à les utiliser.