[Solved] How to change default Bootstrap color with CSS style property?

by


You can simply create your own styles to override Bootstraps if you load your rules after Bootstraps are loaded. If for some reason you have to load your first, then your rules need a higher specificity. Bootstrap’s rules for an inverse navbar background color are:

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

So make your own rule like and load it after Bootstrap’s CSS:

.navbar-inverse {
    background-color: red;
    border-color: #080808;
}

If you must load before Bootstrap, incrase your selector’s specificity by using a selector like body .navbar.navbar-inverse

Bootply example

solved How to change default Bootstrap color with CSS style property?