Groupes de boutons d' amorçage

Groupes de boutons

Bootstrap permet de regrouper une série de boutons ensemble (sur une seule ligne) dans un groupe de boutons :

Utilisez un <div>élément avec classe .btn-grouppour créer un groupe de boutons :

Conseil : Au lieu d'appliquer des tailles de bouton à chaque bouton d'un groupe, utilisez la classe .btn-group-lg|sm|xspour dimensionner tous les boutons du groupe :

Groupes de boutons verticaux

Bootstrap prend également en charge les groupes de boutons verticaux :

Utilisez la classe .btn-group-verticalpour créer un groupe de boutons verticaux :

Groupes de boutons justifiés

Pour couvrir toute la largeur de l'écran, utilisez la .btn-group-justified classe :

Exemple avec <a>des éléments :

Remarque : Pour <button>les éléments, vous devez encapsuler chaque bouton dans une .btn-groupclasse :

Groupes de boutons d'imbrication et menus déroulants

Imbriquer des groupes de boutons pour créer des menus déroulants :

Listes déroulantes des boutons partagés

<div class="">
  <button class="btn btn-primary">Apple</button>
  <button class="btn btn-primary">Samsung</button>
  <button class="btn btn-primary">Sony</button>
</div>