我想让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/