List Group
Il s'agit d'une list à mi chemin avec les tableaux. Il faut mettre la classe .list-group sur le ul et la classe .list-group-item sur les li.
- An item
- A second item
- A third item
- A fourth item
- And a fifth one
Variantes active et disabled
La liste ul est remplacée par une div et les enfants sont des liens ou des boutons.
- An active item
- A second item
- A disabled item
- A fourth item
- And a fifth one
Link & buttons
Horizontal
Version minimaliste sans bordures ni arrondis. Possibilité d'avoir des varations en fonction du breakpoint .list-group-horizontal-{sm|md|lg|xl} rendant possible le changement de direction (voir exemples ci-dessous).
- An item
- A second item
- A third item
- An item
- A second item
- A third item
Flush
Version minimaliste sans bordures ni arrondis
- An item
- A second item
- A third item
- A fourth item
- And a fifth one
Contextual
With badges
- A list item 14
- A second list item 2
- A third list item 1
Custom content
List group item heading
3 days agoSome placeholder content in a paragraph.
And some small print.List group item heading
3 days agoSome placeholder content in a paragraph.
And some muted small print.List group item heading
3 days agoSome placeholder content in a paragraph.
And some muted small print.