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