Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Boutons Partie 2 | Concepts de Base
Essentiels de Bootstrap pour les Sites Web Modernes
course content

Contenu du cours

Essentiels de Bootstrap pour les Sites Web Modernes

Essentiels de Bootstrap pour les Sites Web Modernes

1. Comprendre Bootstrap
2. Configuration de l'Environnement
3. Concepts de Base
4. Concepts Avancés
5. Créer un Site Web de Portfolio avec Bootstrap

book
Boutons Partie 2

Groupes de Boutons

Bootstrap propose les classes btn-group et btn-group-vertical pour regrouper les boutons ensemble, facilitant ainsi une meilleure organisation et un meilleur contrôle de la mise en page :

  • btn-group : Cette classe regroupe horizontalement les boutons ensemble. Elle est adaptée aux situations où les boutons sont mieux affichés côte à côte, comme dans les barres d'outils ou les barres de navigation ;
  • btn-group-vertical : Cette classe empile verticalement les boutons ensemble. Elle est utile lorsque les boutons doivent être affichés dans une disposition en colonne, comme dans les menus déroulants ou les navigations empilées.
html

index.html

copy

Groupes de Boutons Toggle

Bootstrap fournit la classe btn-group-toggle pour créer des groupes de boutons toggle. Cette fonctionnalité nous permet de créer des ensembles de boutons où un seul bouton peut être actif à la fois, similaire aux boutons radio dans un groupe radio.

html

index.html

js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
We're sorry to hear that something went wrong. What happened?
some-alt