如何集中導航欄藥丸？

Question

我似乎不能集中他們的容器內，我試圖使用文本對齊，但wouldnt工作。我正在使用twitter引導，所以也許有些事情是優先考慮的？

<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

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

Answer 1

總結你的資產淨值與其他股利和使用文本中心，使用display：inline-block的。

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