Saltar al contenido

Cambiar el color del texto de la barra de navegación Bootstrap

Solución:

Hazlo de la siguiente manera:

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

Lo anterior apuntará a los enlaces específicos, que es lo que desea, en lugar de aplicar un estilo a toda la lista en azul, que es lo que estaba haciendo inicialmente. Aquí hay un JsFiddle.

La otra forma sería crear otra clase e implementarla así:

HTML

<li><a href="https://foroayuda.es/#" class="color-me"><span class="glyphicon glyphicon-list-alt"></span> R&eacute;sum&eacute;</a></li>

CSS

.color-me{
    color:blue;
}

También demostrado en este JsFiddle

A partir de bootstrap 4, la respuesta es simplemente establecer navbar-dark en el elemento de navegación, que establecerá el texto y los enlaces a un tema claro.

<nav class="navbar navbar-dark">

.nav-link {
color: blue !important;
}

Trabajó para mi. Bootstrap v4.3.1

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *