3 个答案:
答案 0 :(得分：46)
我使用以下CSS成功设置了Bootstrap导航栏的样式。你也没有在CSS中定义任何字体，这就是字体没有改变的原因。可以在here找到使用此CSS的网站。
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #000; /*Sets the text hover color on navbar*/
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >
a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #030033;
}
.navbar-default {
background-color: #0f006f;
border-color: #030033;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #66CCFF; /*change color of links in drop down here*/
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: silver; /*Change rollover cell color here*/
}
.navbar-default .navbar-nav > li > a {
color: white; /*Change active text color here*/
}
答案 1 :(得分：40)
CSS中不需要特异性.navbar-default。背景颜色需要background-color:#cc333333(或仅background:#cc3333)。最后，最好将所有自定义项合并到一个类中，如下所示：
.navbar-custom {
color: #FFFFFF;
background-color: #CC3333;
}
...
答案 2 :(得分：6)
这些类很可能已经由Bootstrap定义，请确保您想要覆盖类的CSS文件在Bootstrap CSS之后调用。
否则，您可以将!important放在CSS的末尾，如下所示：color:#ffffff!important;但我会建议您不惜一切代价使用!important。
