Démarreur horizontal

Prendre un coup d'oeil à cette image:

exemple http://i42.tinypic.com/wvbf3a.png

Je veux la liste des éléments du menu pour être pile de gauche à droite (horizontalement).
Je ne peux pas sembler obtenir que cela fonctionne, essayé à l'aide de la liste des "inline" class mentionné dans la
la documentation officielle, cela ne fait qu'empirer les choses.

Voici le code HTML:

<nav class="navbar navbar-default navbar-static-top" role="navigation">
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">List Item</a>
            <ul class="dropdown-menu">
                <li><a href="#" id="">1</a></li>
                <li><a href="#" id="">2</a></li>
                <li><a href="#" id="">1</a></li>
                <li><a href="#" id="">2</a></li>
                <li><a href="#" id="">3</a></li>
                <li><a href="#" id="">4</a></li>
                <li><a href="#" id="">5</a></li>
                <li><a href="#" id="">6</a></li>
            </ul>
        </li>
    </ul>
</nav>  

Je suis en utilisant Bootstrap 3

source d'informationauteur elad.chen