Comment ajouter du texte de l'ombre à Twitter Bootstrap barre de navigation de liens?
Jusqu'à présent, j'ai essayé:
.navbar-inner {
text-shadow: black 0.1em 0.1em 0.2em;
}
Et:
.nav > li > a {
text-shadow: black 0.1em 0.1em 0.2em;
}
Aucun ne fonctionne. Ce qui donne?
Pour info ma navbar code html est le même que le Twitter Bootstrap code de démonstration:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Test Inc.</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
quel navigateur(s) êtes-vous le tester?
Le problème, ici, pour vous, a été "spécificité" ... depuis que Twitter Bootstrap est plus spécifique au sujet de la façon dont c'est l'ajout de styles en commençant par leur sélecteur de
Le problème, ici, pour vous, a été "spécificité" ... depuis que Twitter Bootstrap est plus spécifique au sujet de la façon dont c'est l'ajout de styles en commençant par leur sélecteur de
.navbar > .nav > li > a
de sorte que leur CSS a été de gagner la vôtre parce que c'était un plus spécifiques sélecteur.OriginalL'auteur XåpplI'-I0llwlg'I - | 2012-07-10
Vous devez vous connecter pour publier un commentaire.
Essayer:
Démo: ici
l'un des conseils d'utilisation px au lieu d'em parce que bootstrap utilise px
OriginalL'auteur HaNdTriX