metro-bootstrap.css - 无法将'nav'对齐到页面中心

Question

我目前使用的是'metro-bootstrap.css'（http://talkslab.github.io/metro-bootstrap/），但我无法对齐我的导航列表并需要一些帮助，过去几天单调乏味地重复着这一切，但没有任何东西可以对齐它！你可以在我的网站advinadv.co.uk上得到更好的想法。希望有人能帮助！

这里是我的HTML;

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 
       <br /><h1>advinadv.co.uk</h1> 
      <div class="nav-collapse collapse"> 
       <ul class="nav"> 
        <li class="active"><a href="index.html">Home</a> </li> 
        <li class=""><a href="#sectionID2">About Us</a> </li> 
        <li class=""><a href="#sectionID3">Services</a> </li> 
        <li class=""><a href="#sectionID4">Portfolio</a> </li> 
        <li class=""><a href="contact.html">Contact</a> </li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

变化这在你的CSS，它会改变你的资产净值居中

.nav-collapse.collapse 
{ 
height: auto !important; 
overflow: visible !important; 
text-align: center; 
} 
.navbar .nav { 
display: inline-block; 
float: none; 
left: 0; 
position: relative; 
}