En ce moment, j'utilise ce modèle: http://getbootstrap.com/examples/navbar-fixed-top/
Existe-t-il un moyen de donner l’arrière-plan dans le menu déroulant (celui qui s’affiche lorsque la barre de navigation est réduite) a une autre couleur que celle qui est utilisée?
Ce que j’ai essayé jusqu’à présent est la suivante: sans succès:
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
Utilisez ceci
.navbar-nav > li > .dropdown-menu { background-color: #FF0000; }
Rappelez-vous que tout ce que vous faites avec CSS appelle ce que votre code HTML lit déjà. Vous devez demander au CSS quels changements vous souhaitez et d'où. Ce code ci-dessous devrait permettre de modifier la couleur d'arrière-plan de votre menu déroulant et la couleur de la police.
/* Dropdown menu background color*/
.navbar-nav > li > .dropdown-menu { background-color: #e7e7e7; }
/* Dropdown menu font color*/
.navbar-nav > li > .dropdown-menu a{ color: #555555; }
Essaye ça
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover.dropdown-menu > .active > a:focus {color: #555555!important; background-color: #e7e7e7!important;}
.nav .open>a {background: #yourcolor !important;}
vous pouvez utiliser une valeur d'écran @media appropriée
pour changer l’arrière-plan ul parent, utilisez le code suivant:
@media (max-width: 768px){
.dropdown-menu{
/*property: value;*/
}
}
ul.dropdown-menu {
background-color: #000;
}