Les boutons déroulants BOUTONS:Boutons déroulants

1. L’objectif BOUTONS:Insérer des boutons déroulants

Les boutons déroulants permettent d’afficher un menu déroulant suite à un clic sur un bouton. Le bouton va utiliser les classes .btn et .dropdown-toggle et peuvent s’appliquer soit à un élément <a>, soit à un élément <button>.

Le dossier à télécharger pour ces exemples est nommé 09-Boutons-04.

2. Un bouton déroulant simple BOUTONS:Simples

Voici le code utilisé pour ce premier exemple :

<div class="dropdown"> 
   <button class="btn btn-primary dropdown-toggle" type="button" 
id="boutonderoulant" data-bs-toggle="dropdown" aria-haspopup="true" 
aria-expanded="false"> 
        Lorem Ipsum 
   </button> 
   <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> 
        <a class="dropdown-item" href="#">Sem Vulputate</a> 
        <a class="dropdown-item" href="#">Ullamcorper Egestas</a> 
        <a class="dropdown-item" href="#">Dapibus Tellus </a> 
   </div> ...