Bonjour à tous,

débutant en bootstrap, j'essaye de réaliser un menu sur 2 lignes de la forme suivante :


ligne 1 : Logo item1 item2 item3
ligne 2 : sous-item1 sous-item2 sous-item3

J'ai donc écrit le code suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<header>
        <nav class="navbar navbar-default navbar-fixed-top navbar-inverse col-md-12">
            <div class="navbar-header col-md-2 col-lg-2">
                <a class="navbar-brand" href="#">LOGO</a>
            </div>
            <div class="col-md-10 col-lg-10"> 
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">item1</a></li>
                    <li><a href="#">item2</a></li>
                    <li><a href="#">item3</a></li>
                </ul>
            </div>
        </nav>
        <nav class="navbar navbar-default navbar-static-top col-md-12" >
            <div class="col-md-10 col-lg-10"> 
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">sous item 1</a></li>
                    <li><a href="#">sous item 2</a></li>
                    <li><a href="#">sous item 3</a></li>
                </ul>
            </div>
        </nav>
</header>
Aucun CSS particulier n'est associé à ma page à part Bootstrap.
Le problème est qu'il n'y a que le premier menu qui s'affiche. Je ne vois pas du tout le deuxième.

J'ai essayé en entourant chaque nav par un <div class="row"> mais ça ne fonctionne pas non plus. Faut-il passer par du CSS particulier dans ce cas?
Je pensais (peut-être à tord) qu'avec Bootstrap et la gestion des rows, celà permettait de gérer cette mise en page.

Merci d'avance.