List group

Basic

With icons

Linked items

Linkify list group items by using anchor tags instead of list items (that also means a parent <div> instead of an <ul>). No need for individual parents around each element.

Cras justo odio14 Dapibus ac facilisis in2 Morbi leo risus Porta ac consectetur ac12 Vestibulum at eros

Button items

List group items may be buttons instead of list items (that also means a parent <div> instead of an <ul>). No need for individual parents around each element.

Disabled

Make any list group item look inactive by adding the .disabled class to the .list-group-item.

Cras justo odio14 Dapibus ac facilisis in2 Morbi leo risus Porta ac consectetur ac12 Vestibulum at eros

Custom content

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Colors

Dapibus ac facilisis in Cras sit amet nibh libero Porta ac consectetur ac Vestibulum at eros