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ésumé</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)