How to set color of Twitter Bootstrap 3 navbar

Question

I'm working with Twitter Bootstrap 3.2.0 and I need to change the color of the "navbar" from basic black to another color. I've tried everything and I can't get it to change in CSS.

I have gotten it to work properly in an add-in that calls a CDN yet I need to control it myself in CSS.

I have properly loaded the bootstrap files in the proper order.

Does anyone have a method that will let me change this - either with a style sheet or in-line command.

Thanks very much!!!

Answer 1

只需转到此处： http ://getbootstrap.com/customize/并自定义导航栏，然后下载自定义的Boostrap。

Answer 2

As long as you use the default navbar, it's as simple as to target the .navbar-default class, like this:

.navbar-default {
    background-color: #FC0;
    border-color: #E7E7E7;
}

And onbiously you can play with screen sizes, use different colors based on which page you are and so on

I made a Bootply to show you