引导3导航栏和折叠菜单不同的背景颜色？

Question

我想让Navbar背景与折叠菜单的背景颜色不同。

Answer 1

我相信我找到了答案，但希望任何进一步的评论或替代解决方案，这似乎有点哈克......

.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/

Answer 2

你能做到这样

.navbar-default { 
    border-color: white; 
    background-color: #FF2032; 
} 

@media only screen and (max-width: 768px) { 
    .navbar-default .navbar-collapse { 
     border-color: white; 
     background-color: #e87373; 
    } 
} 

check this fiddle，我希望这回答您的问题