Insérer un menu de navigation complet MENU DE NAVIGATION:Insérer

Le dossier à télécharger pour ces exemples est nommé 11-Menu-Nav-01.

1. La structure générale MENU DE NAVIGATION:Structure générale

Dans l’exemple qui suit, nous allons insérer un menu de navigation très complet, avec un titre qui pourra être celui de votre site ou de votre entreprise, des éléments de menus classiques et hiérarchiques et un champ de recherche.

Voici le code utilisé dans cet exemple :

<nav class="navbar navbar-expand-lg navbar-light bg-light"> 
        <a class="navbar-brand" href="#">Mon site</a> 
        <button class="navbar-toggler" type="button" 
data-toggle="collapse" data-target="#menuprincipal" 
aria-controls="menuprincipal" aria-expanded="false" 
aria-label="Toggle navigation"> 
                <span class="navbar-toggler-icon"></span> 
</button> 
                                 
        <div class="collapse navbar-collapse" id="menuprincipal"> 
                <ul class="navbar-nav mr-auto"> 
       ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
L'objectif
Suivant
Les options des menus de navigation