我想让Navbar背景与折叠菜单的背景不同.
解决方法
我相信我找到了一个答案,但会感谢任何进一步的评论或替代解决方案,因为这似乎有点黑客…
.navbar {background-color: #8e181b;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand {color: #f1f1f1;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #f1f1f1; background-color: #b27677;}
@media only screen and (max-width: 766px) {
.collapsing,.in {background-color: #f7f7f7;}
.collapsing ul li a,.in ul li a {color: #555!important;}
.collapsing ul li a:hover,.in ul li a:hover {color: #f1f1f1!important;}
}
这是jsfiddle：http://jsfiddle.net/vp7XS/