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

Actualmente tengo esta pieza de html que representa la parte relevante de mi barra de navegación:

 

Y tengo esta pieza de CSS que esperaba usar para cambiar el color del texto de la barra de navegación:

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

El único problema es que el color del texto permanece sin cambios. También vi que una pregunta muy similar quedó sin resolver. Apuesto a que quien sea que pueda resolver esto puede resolver el otro también.

Hazlo de la siguiente manera:

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

Lo anterior se centrará en los enlaces específicos, que es lo que desea, en lugar de diseñar toda la lista en azul, que es lo que inicialmente estaba haciendo. Aquí hay un JsFiddle .

La otra forma sería crear otra clase y ponerla en práctica de esta manera:

HTML

 
  • Résumé
  • CSS

     .color-me{ color:blue; } 

    También se demuestra en este JsFiddle

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

      

    Prueba esto

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

    Si no funciona, intente esto

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

    El hilo al que te has vinculado responde la pregunta por ti. Debes apuntar a los elementos a. P.ej

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

    Si eso no funciona, solo necesita ser más específico. P.ej

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

    Prueba esto en tu css:

     #ntext{ color: #000000; } 

    Luego, haga lo siguiente en todos los códigos de la lista de la barra de navegación:

     
  • About
  • La syntax es:

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