Menu items centreren lukt niet.

Door Furio Scripting op 14-08-2014 14:45 gewijzigd op 14-08-2014 16:04

617 views

Ik gebruik twitter bootstrap maar ik krijg mijn menu items niet gecentreerd, wel kan ik ze rechts of standaard links zetten maar in het midden wilt niet lukken. Het beste wat ik gekregen heb is dat ze in het midden staan maar onder elkaar....

Dit is de code:

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a class="navbar-brand" href="index.html">
            <span class="glyphicon glyphicon-star"></span> Music nation
        </a>

        <ul class="social-links">
            <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
            <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
        </ul>

        <div class="collapse navbar-collapse" id="main-menu">

            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="about-us.html">item 1</a>
                </li>
                <li>
                    <a href="gallery.html">item 2</a>
                </li>

                <li>
                    <a href="links.html">item 3</a>
                </li>
                <li>
                    <a href="contact.html">item 4</a>
                </li>
            </ul>

        </div>

    </div>

</div>