Html metro-bootstrap.css-无法对齐'；导航'；居中

我目前正在使用“metro bootstrap.css”（metro bootstrap.css），但我无法调整导航列表，需要一些帮助，在过去的几天里，我花了很多时间反复检查，但没有任何东西可以调整它！。你可以在我的网站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>

advanadv.co.uk

在css中更改此选项，它会将导航更改为中心

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

---

您是否有任何代码可供共享，以显示您的尝试？JSFIDLE将是一个很好的开始。您希望如何对齐导航列表？我已经在上面添加了html，可以提供.css，但是有一些页面，我无法找到需要修改的确切部分。-这是我提供这一切的最好方式，我不希望任何人都经历这一切。。我已经尝试过几件事，比如{width:100%；text align:center；dislay:block；position:fixed；}但是无论我放什么或放在哪里，这都没有什么区别（我只在任何“导航”中添加了这个。导航“@skely我只想在标题下添加“主页/关于我们/服务…”，只需要稍微向右移动，所以你想让它居中？谢谢@prerit！Show现在在中心，可以在我的网站上看到。。最后！我想你对高度没有任何建议，最好是希望导航链接坐在导航栏底部上方约15px处，我似乎能绕过触及页面顶部的标题的唯一方法是在advinadv.co.uk.之前添加一个
或将其包装在一个我在我的live站点上所做的并添加的页面标题中。pagetitle{margin top:15px；）对于CSSThanks，我查看了您的站点。它看起来不错。您可以随时使用填充或边距来调整布局。使用
进行布局不是一种好做法。谢谢，现在又修改了一些位，成功地删除了所有的