0

私は現在、「metro-bootstrap.css」( http://talkslab.github.io/metro-bootstrap/ ) を使用していますが、Nav リストを調整することができず、助けが必要です。そしてこれ以上、何も整列しません！私のサイト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>
4

1 に答える 1

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;
}
于 2013-06-20T19:27:04.887 に答える