我尝试了几种方法来通过CSS覆盖bootstrap3 nav-pills活动颜色,但似乎LESS优先.我也尝试在相对的CSS属性上使用!important而没有运气:LESS始终具有优先权.
我找到的唯一方法是显然使用自定义的nav-pills颜色重新编译bootstrap,但我更喜欢使用CSS,所以我可以依赖CDN.
任何提示？
相关词缀/ scrollspy当然通过以下方式工作:
<body data-spy="scroll">
...
<ul class="nav nav-pills nav-stacked affix-top hidden-print" data-toggle="affix" data-spy="affix">
相对jsfiddle
不知道你做了什么,但这段代码有效:
.nav-pills > li.active > a {
background-color:red;
}
// This changes the color of the active
.nav-pills>li.active>a:hover {
background-color:red;
}
// This changes the color of the hovered pill