<nav class="navbar"> <!-- Menu de 1er niveau -->
<div class="navbar-inner">
<div class="container"><!-- fixer la largeur dans la classe container -->
<div class="nav-collapse collapse" style="height: 0px;">
<ul class="nav">
<li>
<a href="index.php">Accueil</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Structures<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="nav-header">Sans entête</li>
<li><a href="layout.php">Page standard</a></li>
<li class="divider"></li>
<li class="nav-header">Avec entêtes</li>
<li><a href="layout_header_transverse.php">Titres et actions transverses</a></li>
<li><a href="layout_header_form.php">Récupération de données</a></li>
<li><a href="layout_header_table.php">Récupération de données en ligne</a></li>
<li><a href="layout_header_search.php">Recherche simple</a></li>
<li><a href="layout_header_search_advance.php">Recherche avancée</a></li>
<li class="divider"></li>
<li class="nav-header">AUTRE</li>
<li><a href="layout_login.php">Page de connexion</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Formulaires<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="form_simple.php">Elements simples</a></li>
<li><a href="form_advanced.php">Elements avancés</a></li>
<li><a href="form_buttons.php">Boutons</a></li>
<li><a href="form_size.php">Gestion des tailles des éléments</a></li>
</ul>
</li>
<li>
<a href="editorial.php">Editorial</a>
</li>
<li>
<a href="tableaux.php">Tableaux</a>
</li>
<li>
<a href="modale.php">Modales</a>
</li>
<li class="active">
<a href="navigation.php">Navigations</a>
</li>
<li>
<a href="onglets.php">Onglets</a>
</li>
</ul>
<ul class="nav pull-right">
<li>
<a href="docs/chartegh-guide-de-conception-1.1.pdf" target="guide" title="Guide de conception">
<span class="support"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav> <!-- Fin Menu de 1er niveau -->
<nav class="subnav"> <!-- Sous navigation niveau 2 -->
<div class="container">
<ul class="nav nav-pills">
<li class="active"><a href="#" title="Navigation d'exemple, lien inactif">Alertes</a></li>
<li><a href="#" title="Navigation d'exemple, lien inactif">Agenda</a></li>
<li><a href="#" title="Navigation d'exemple, lien inactif">Mon équipe</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Mon agence
<b class="caret"></b>
</a>
<ul class="dropdown-menu"> <!-- Sous navigation niveau 3 -->
<div class="arrow"></div>
<li><a href="#" title="Navigation d'exemple, lien inactif">Notre phylosophie</a></li>
<li><a href="#" title="Navigation d'exemple, lien inactif">Implantations</a></li>
<li><a href="#" title="Navigation d'exemple, lien inactif">Nous contacter</a></li>
</ul> <!-- Fin Sous navigation niveau 3 -->
</li>
</ul>
</div>
</nav> <!-- Fin Sous navigation niveau 2 -->
