Comment changer de bootstrap 4 déroulante des couleurs?
Je suis en train de changer à la fois le fond et la couleur de la police de l'amorçage 4 déroulant de navigation.
J'ai essayé d'utiliser
.nav.nav-tabs > li.dropdown.active.open > a,
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
.nav.nav-tabs > li.dropdown.open > a,
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
{
color: #fff;
background-color: #b91773;
border-color: #fff;
}
Mais cela ne fonctionnait pas trop bien pour moi. Voici mon code HTML:
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
OriginalL'auteur Temple | 2017-06-18
Vous devez vous connecter pour publier un commentaire.
Je sais que c'est déjà répondu, mais depuis que je suis bookmarking, je veux donner la solution qui a fonctionné pour moi quand la thématisation Bootsrap utilisation de Sass et NPM.
Noter que j'ai inclure des fonctions et des variables ci-dessus à mon habitude, car j'ai besoin d'y accéder autrement à la compilation échouera. En savoir plus sur cette question.
Supposons que vous avez votre
_custom.scss
comme ceci:Alors vous pouvez aller à Bootstrap principales variables fichier et de copier sur ceux que vous souhaitez remplacer.
Par exemple, si je veux que mon déroulant en fond foncé, blanc, avec des liens, je ferais comme:
Et mon
_custom.scss
fichier après le changement comme comme ceci:Et c'est une image de ce à quoi il ressemble après la compilation de Sass:
De cette façon, je n'écrasent pas les règles CSS évitant le désordre inutile.
OriginalL'auteur jolvera