changer la couleur de la classe active dans bootstrap

Question

j'essaye de changer la couleur de la classe active dans mon code html. je crée la barre latérale de navigation. voici mon code:

<div class="col-sm-2">
                <ul class="nav nav-pills nav-stacked nav-static"> <!--stacked untuk jadi vertical -->
                    <li class="active"><a>Create Case</a></li>
                    <li><a href="wf-listofcase.php">List of cases</a></li>
                    <li><a href="linksofapps.html">Links of Apps</a></li>
                </ul>
    </div>

comment changer sa couleur? Merci avant..

Answer 1

Vous pouvez utiliser:

.active a{
    color: red !important;
}

Ou pour éviter !important, utilisation:

.nav-pills > li.active > a{
    color: red;
}

[~ # ~] démo [~ # ~]

Answer 2

Le code suivant applique la couleur rouge pour toutes les balises d'ancrage.

a {
   color: red !important;
  }

Pour appliquer la couleur uniquement dans le wrapper "nav-static", utilisez le code suivant.

.nav-static .active a{
   color: red !important;
}

Answer 3

Si les réponses ci-dessus ne fonctionnent pas, essayez -

.active a{
    background-color : red !important;
}