html - Bootstrap 3 导航栏元素在页面加载时处于事件状态

Question

我在使用 bootstrap 3 时遇到了一个奇怪的问题，我试图在页面加载时激活导航栏中的主页链接。现在看这个 Bootstrap 示例:

http://getbootstrap.com/examples/starter-template

在需要激活的li上添加class="active就这么简单..

但出于某种原因，这对我不起作用，我设置了一个 fiddle 来演示下面的问题。有谁知道为什么这适用于示例但不适用于我的情况？

http://jsfiddle.net/QS7f8/

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;
}

这是工作 fiddle :http://jsfiddle.net/QS7f8/2/