Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Fonctionnalités Avancées des Boutons | Concepts de Base
Essentiels de Bootstrap pour les Sites Web Modernes

bookFonctionnalités Avancées des Boutons

Groupes de boutons

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

  • btn-group : Cette classe regroupe horizontalement les boutons. Elle convient aux situations où les boutons doivent être 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. Elle est utile lorsque les boutons doivent être présentés en colonne, par exemple dans des menus déroulants ou des navigations empilées.
index.html

index.html

copy

Groupes de boutons à bascule

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

index.html

index.html

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you show me examples of how to use btn-group and btn-group-vertical?

What are some common use cases for button toggle groups?

How do I make a button group responsive in Bootstrap?

Awesome!

Completion rate improved to 3.23

bookFonctionnalités Avancées des Boutons

Glissez pour afficher le menu

Groupes de boutons

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

  • btn-group : Cette classe regroupe horizontalement les boutons. Elle convient aux situations où les boutons doivent être 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. Elle est utile lorsque les boutons doivent être présentés en colonne, par exemple dans des menus déroulants ou des navigations empilées.
index.html

index.html

copy

Groupes de boutons à bascule

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

index.html

index.html

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
some-alt