XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px

List group


Default

Active item

Disabled item

Buttons

Flush

Numbered

Horizontal

All breakpoints

Small and up

Medium and up

Large and up

Extra large and up

<h4 class="h5 text-muted mt-3">All breakpoints</h4>

<h4 class="h5 text-muted mt-3">Small and up</h4>

<h4 class="h5 text-muted mt-3">Medium and up</h4>

<h4 class="h5 text-muted mt-3">Large and up</h4>

<h4 class="h5 text-muted mt-3">Extra large and up</h4>
<h4 class="h5 text-muted mt-3">All breakpoints</h4> <h4 class="h5 text-muted mt-3">Small and up</h4> <h4 class="h5 text-muted mt-3">Medium and up</h4> <h4 class="h5 text-muted mt-3">Large and up</h4> <h4 class="h5 text-muted mt-3">Extra large and up</h4>

Equal-width list group item

Contextual color classes

Normal list group

List group with links

<h4 class="h5 text-muted mt-3">Normal list group</h4>

<h4 class="h5 text-muted mt-3">List group with links</h4>
<h4 class="h5 text-muted mt-3">Normal list group</h4> <h4 class="h5 text-muted mt-3">List group with links</h4>

Badges

Custom content

Checks and radios

Checks

Radios

<h4 class="h5 text-muted mt-3">Checks</h4>

<h4 class="h5 text-muted mt-3">Radios</h4>
<h4 class="h5 text-muted mt-3">Checks</h4> <h4 class="h5 text-muted mt-3">Radios</h4>

Tab panels