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-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"...
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
Les groupes de boutons
Suivant
L'objectif