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">
<div class="container-fluid">
<!-- <a class="navbar-brand" href="#">Mon site</a> -->
<a class="navbar-brand" href="#">
<img src="terre.png" width="30" height="30" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#menuprincipal" aria-controls="menuprincipal"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div...