Hola,
Estoy personalizando una barra de navegación de las plantillas de bootstrap 3, esta es la personalización:
.dropdown-menu > li > a {
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #fff;
white-space: nowrap;
}
El problema es que cuando se colapsa el menú y lo despliego, el estilo anterior no se aplica y los textos (English y Spain) no me aparecen en blanco, este es el HTML:
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Idioma <span class="caret-rojo caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">English</a></li>
<li><a href="#">Spain</a></li>
</ul>
</li>
<li class="active"><a href="#">Inicio sesión</a></li>
</ul>
A ver si me pueden echar una mano, graciasss