13-00-listGroup

Active items

Disabled items

Links and buttons

Cras justo odio - link Dapibus ac facilisis in - link Morbi leo risus - link Porta ac consectetur ac - link Vestibulum at eros - link


Flush

Horizontal











Contextual classes



Dapibus ac facilisis in A simple primary list group item A simple secondary list group item A simple success list group item A simple danger list group item A simple warning list group item A simple info list group item A simple light list group item A simple dark list group item

With badges

Custom content

List group item heading
3 days ago

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

Donec id elit non mi porta.
List group item heading
3 days ago

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

Donec id elit non mi porta.
List group item heading
3 days ago

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

Donec id elit non mi porta.

JavaScript behavior

.1.
.2.
.3.
.4.

Using data attributes

Home Profile Messages Settings
.a.
.b.
.c.
.d.

Fade effect

Home Profile Messages Settings
.A.
.B.
.C.
.D.

Methods

Home Profile Messages Settings
123
234
345
456

EoF