Bootstrap 3 navbar active li not changing background-color

The Solution to Bootstrap 3 navbar active li not changing background-color is


You need to add CSS to .active instead of .active a.

Fiddle: http://jsfiddle.net/T5X6h/2/

Something like this:

.navbar-default .navbar-nav > .active{
    color: #000;
    background: #d65c14;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background: #d65c14;
}

~ Answered on 2013-12-22 18:32:22


Most Viewed Questions: