Custom navbar bootstrap

Par Dumortier Nathan, il y a 10 ans

Les bases HTML/CSS

J'ai un petite soucis avec mon navbar sous bootstrap. au niveau du hover la couleur est bien la bonne (#FF8520) mais une seconde plus tard elle rechange en gris et je n'arrive pas à trouver la class qui correspond à ce changement ( focus ou active? ).

je met le menu http://www.sang-dorthos.com/temp/#

merci de votre aide.

5 réponses

Sankaman, il y a 10 ans

Salut,

C'est pour ce genre de chose que Bootstrap m'énerve, du code dégueulasse galère à modifier soi-même...
Enfin pour ton cas, c'est le sélecteur ".navbar-default .navbar-nav > .open > a" qui pose problème apparement. (Dans le fichier bootstrap-theme.css).

Si tu veux un conseil, vaut mieux savoir faire une navbar soi-même que d'utiliser celles de Bootstrap qui sont une galère à modifier ;)

Bonne soirée !

Benjamin Derepas, il y a 10 ans

.navbar-default .navbar-nav > .open > adu bootstrap tout cracher, entièrement sémantique haha

serval154, il y a 10 ans

Bonsoir,
Est-ce la couleur de la navbar que tu veux changer lorsque tu passes la souris dessus?
Si c'est le cas, il faut que tu ajoutes à ton fichier css l'instruction suivante: .navbar:hover {background: #FF8520 !important; }
Dans ce cas la barre changera de couleur au passage de la souris dessus.

Ou est-ce la couleur de la navbar qui change sans que tu le veuilles?

Dumortier Nathan, il y a 10 ans

je me suis fait la meme remarque concernant Boostrap. j'ai beau changer la class .navbar-default .navbar-nav > .open > a , ca régle rien.

je suis totalement d'accord avec toi, mais le system de grid est bien pratique quand meme et j'ai pas beaucoup le temps pour apprendre.

Mais ya peut etre moyen d'integrer ce menu http://jasonweaver.name/lab/flexiblenavigation/ dans bootstrap.

Dumortier Nathan, il y a 10 ans

merci pour vos réponse.

@Alain, en faite quand tu passe la souris, le hover change bien de couleur, mais aprés il redevient gris. ( au passage en mode bureau et au clic en mobile )