如何集中导航栏药丸？

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