Я хотел бы, чтобы фон Navbar был другого цвета, чем фон сложенного меню.
Bootstrap 3 navbar и свернуть меню разных цветов фона?
Ответ 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/
Ответ 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;
}
}
проверить эту скрипту, я надеюсь, что он ответит на ваш вопрос