Hola usuario de nuestra web, hemos encontrado la solución a lo que andabas buscando, deslízate y la encontrarás más abajo.
Solución:
Puede proporcionar su propia clase a la nav-pills contenedor con su color personalizado para su enlace activo, de esa manera puede crear tantos colores como desee sin modificar los colores predeterminados de arranque en otras secciones de su página. Prueba esto:
Margen
Y aquí está el CSS para su color personalizado:
.red .active a,
.red .active a:hover
background-color: red;
Además, si prefiere reemplazar el color predeterminado para el .active elemento en su nav-pills puedes modificar el original así:
.nav-pills > .active > a, .nav-pills > .active > a:hover
background-color: red;
La solución más votada no me funcionó.(Bootstrap 3.0.0) Sin embargo, esto hizo:
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
color:black;
background-color:#fcd900;
incluyendo esto en la página
las etiquetas sirven bien para la base por página
y mezclándolo en dos tonos da un efecto brillante como:
Para Bootstrap 4.0 (en alfa al momento de escribir) debe especificar el .active clase en el a elemento.
Para mí solo funcionó lo siguiente:
.nav-pills > li > a.active
background-color: #ff0000!important;
los !important también era necesario.