Pour créer un groupe de liste avec des liens, on va remplacer la balise <ul> par la balise <div> et la balise <li> par la balise <a>.
Si l’on souhaite créer un effet de survol au passage de la souris sur un lien on rajoute la classe list-group-item-action qui va lui donner une couleur de fond grise.
Créer un groupe de listes composées de boutons avec Bootstrap
Pour créer une liste de boutons il suffit de remplacer la balise <a> de l’exemple ci-dessus par la balise <button> .
Créer un groupe de listes horizontal avec Bootstrap 5
Si vous souhaitez voir les éléments de la liste s’afficher horizontalement plutôt que verticalement (côte à côte au lieu de l’un sur l’autre) il vous faut ajouter la classelist-group-horizontal à la classe list-group .
<ul class= »list-group list-group-horizontal« >
Il est possible de déterminer un breakpoint (point de transition) en dessous duquel les éléments se placeront les uns en dessous des autres, en rajoutant au choix les classes : sm, md, lg, xlou xxl à la classe list-group-horizontal.