트위터에 텍스트 그림자를 추가하는 방법 부트 스트랩 navbar 링크?

Question

은 지금까지 나는 시도했다 :

.navbar-inner { 
    text-shadow: black 0.1em 0.1em 0.2em; 
} 

그리고 :

.nav > li > a { 
    text-shadow: black 0.1em 0.1em 0.2em; 
} 

어느 작품. 뭐라 구요?

는 참고로 내 네비게이션 바의 HTML 코드는 트위터 부트 스트랩 데모 코드와 동일합니다

<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> 

Answer 1

시도 :

.navbar .nav > li > a{ 
    text-shadow: black 0.1em 0.1em 0.2em; 
} 

데모 : here

한 조언을 사용 픽셀 대신 EM의 때문에 부트 스트랩에서 px