How to change the navbar color in Bootstrap

Question

I tried several methods to change the color of my navigation menu links but no result found!

For example I did this:

.navbar {
min-height:32px !important;
background-color:#0061ab !important;
color:#fff !important;
}
.navbar-custom .navbar-nav > li > a {
    color:#fff !important;
}

And the result is this:

So how to fix that ?

Does your navbar markup has the `.navbar-custom` class on it? — Marc Scheib, Aug 01 '17 at 19:39
Possible duplicate of [Change navbar color in Twitter Bootstrap 3](https://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap-3) — Marc Scheib, Aug 01 '17 at 19:47

score 2 · Answer 1 · answered Aug 01 '17 at 19:45

2

Creating a new custom css file and linking that after bootstrap.css might help overriding the bootstrap ui classes.

There is also separate thread about twitter bootstrap. Change navbar color in Twitter Bootstrap 3

answered Aug 01 '17 at 19:45

RasInspired

31
5

How to change the navbar color in Bootstrap

1 Answers1