Les groupes de boutons BOUTONS:Groupe de boutons

Comme vous le montre l’exemple précédent, vous pouvez regrouper des boutons ayant des fonctionnalités associées. Chaque bouton aura sa propre action.

Le dossier à télécharger pour cet exemple est nommé 09-Boutons-03.

Voici le code utilisé pour cet exemple :

<div class="btn-toolbar" role="toolbar" 
aria-label="Groupe de boutons"> 
        <div class="btn-group mr-2" role="group" 
aria-label="Premier groupe"> 
                <button type="button" class="btn btn-secondary"> 
Crassus</button> 
                <button type="button" class="btn btn-secondary"> 
Justo</button> 
                <button type="button" class="btn 
btn-secondary">Odio</button> 
                <button type="button" class="btn btn-secondary"> 
Dapibus</button> 
        </div> 
        <div class="btn-group mr-2" role="group" 
aria-label="Second groupe"> 
                <button type="button" class="btn btn-secondary"> 
Facilisis</button> ...
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 boutons radio
Suivant
Les boutons déroulants