/

List Groups


Default

List group item oneList group item twoList group item three

Active item

List group item oneList group item twoList group item three

Disabled item

List group item oneList group item twoList group item three

Links

Buttons

List group item oneList group item twoList group item three

Flush

List group item oneList group item twoList group item three

Horizontal

All breakpoints

List group item oneList group item twoList group item three

Small and up

List group item oneList group item twoList group item three

Medium and up

List group item oneList group item twoList group item three

Large and up

List group item oneList group item twoList group item three

Extra Large and up

List group item oneList group item twoList group item three

Equal-width list group item

All breakpoints

List group item oneList group item twoList group item three

Contextual color classes

All breakpoints

List group item oneList group item twoList group item three

Normal list group

Default list group itemPrimarySecondarySucccessDangerWarningInfoLightDark

List group with links

Default list group itemPrimarySecondarySucccessDangerWarningInfoLightDark

Badges

List group item one#List group item one##List group item one###

Custom content

Active item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Etiam eleifend velit leo.

Normal item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Etiam eleifend velit leo.

Disabled item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.

Etiam eleifend velit leo.

Tab panels

Tab pane 1Tab pane 2Tab pane 3
Tab pane 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.
Tab pane 2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.
Tab pane 3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.