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

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

1 个答案: