更改引导程序中活动类的颜色 [英] change the color of class active in bootstrap

问题描述

我正在尝试更改html代码中活动类的颜色.我正在创建导航侧边栏.这是我的代码:

i'm trying to change the color of class active in my html code. i'm creating nav sidebar. here's my 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>

如何更改其颜色?谢谢你.

how to change its color? thanks before..

推荐答案

您可以使用:

.active a{
    color: red !important;
}

或者为避免使用!important，请使用:

Or to avoid !important, use:

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

演示

这篇关于更改引导程序中活动类的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！