html - metro-bootstrap.css - 无法将“导航”与页面中心对齐

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