Question

我在使用bootstrap 3遇到了一个奇怪的问题，我正试图在页面加载时使我的导航栏中的主页链接处于活动状态。现在看一下这个bootstrap示例：

就像在需要激活的li上添加class="active一样简单..

但由于某些原因，这对我不起作用，我已经设置了一个小提琴来证明下面的问题。有没有人知道为什么这个例子适用于我的情况呢？

Answer 1

啊，我已经弄清楚了，我的活动状态有一些冲突的类。

我有：

.navbar ul.nav a:active { 
    color: #fff !important;
    background-color: #ff7454 !important;
}

.navbar .nav li.active a {
    color: #bababa;
}

仅在需要时：

.navbar .nav li.active a {
    color: #fff;
    background-color: #ff7454;
}