Bootstrap 3 navbar and collapse menu different background colors?

Question

I would like to have the Navbar background be a different color than the background of the collapsed menu.

Answer 1

You can do it like this

.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 , i hope it answers your question