nav bar 약을 센터하는 법?

Question

나는 그 (것)들을 콘테이너 안에서 센터에 배치하는 것처럼 보인다, 나는 텍스트를 사용하여 시도했다. 그러나 wouldnt는 일한다. 트위터 부트 스트랩을 사용하고 있으므로 우선 순위가 중요할까요?

.nav-pills > li > a { 
margin-right:10px; /* pill spread */ 
font-family: "kodakku"; /* font */ 
font-size: 20px; 
} 

Answer 1

<div class="container"> 
    <ul class="nav nav-pills" role="tablist"> 
     <li role="presentation" class="active"><a href="#">Home</a></li> 
     <li role="presentation"><a href="#">TierList</a></li> 
     <li role="presentation"><a href="#">Tournaments</a></li> 
     <li role="presentation"><a href="#">Team Maker</a></li> 
     <li role="presentation"><a href="#">Counters</a></li> 
     <li role="presentation"><a href="#">Forum</a></li> 
     <li role="presentation"><a href="#">Contact Us</a></li> 
    </ul> 

CSS는 다른 사업부와 탐색을 감싸고 텍스트 센터를 이용 및 디스플레이 사용 : 인라인 블록을.

HTML

<div class="container"> 
    <div class="text-center"> 
    <ul class="nav nav-pills" role="tablist"> 
     <li role="presentation" class="active"><a href="#">Home</a></li> 
     <li role="presentation"><a href="#">TierList</a></li> 
     <li role="presentation"><a href="#">Tournaments</a></li> 
     <li role="presentation"><a href="#">Team Maker</a></li> 
     <li role="presentation"><a href="#">Counters</a></li> 
     <li role="presentation"><a href="#">Forum</a></li> 
     <li role="presentation"><a href="#">Contact Us</a></li> 
     </ul> 
    </div> 
</div> 

CSS

.nav-pills{ 
    display: inline-block; 
} 

.nav-pills > li > a { 
    margin-right:10px; /* pill spread */ 
    font-family: "kodakku"; /* font */ 
    font-size: 20px; 
}