Les boutons groupés

Les boutons groupés ou Button groups en anglais, est un ensemble de boutons, groupés, sur une seule ligne. Bootstrap 3 nous permet à  l’aide des deux classes .btn-group et .btn-group-vertical de créer deux types d’affichage des boutons groupés.

Les boutons groupés horizontaux

Est l’affichage par défaut des boutons groupés. ils sont utilisés souvent pour intégrer une pagination dans un résultat de recherche.

Dans l’exemple ci-dessus, Nous avons inclus les boutons dans une balise <div> (de classe .btn-group). C’est tout simplement les boutons que nous avons crée dans le cours précédent, inclus dans la balise <div  class=”btn-group”>.

Les boutons groupés horizontaux s’affichent de la manière suivante :

image.

Les boutons groupés verticaux

De la même façon que dans l’exemple précédent, les boutons sont inclus dans une balise <div> (de classe .btn-group-vertical)

Les boutons groupés verticaux s’affichent de la manière suivante :

image.

 

Laisser un commentaire