List group example
Notifications
List of latest events
Tracey Newman commented on your Awesome article, 5 min ago
John Doe added new article Progs for begginers, 13 min agoImportant memory issue. Memory loading 99% - 2021 of 2048
Jonathan Foster edited product JST Smartphone, 30 min ago- File uploading proccess 25%.
Dmitry Ivaniuk
Administrator
Administrator
Last visit 15min ago
- Main
- Dashboards
- Pages
- Business solutions
- Interface
- Elements
- Components
- Forms
- Charts
- Tables
- Maps
- Template options
- Layout examples
- RTL Example
List group
The Right Way - Admin Template
Basic example
Default list group example.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Active item
Use active to get item with active state.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Disabled item
Use disabled to get item with disabled state.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Linked example
Use list-group-item-action class to use feature.
Active item
Use active to get item with active state.
Disabled item
Use disabled to get item with disabled state.
Custom content
Add nearly any HTML within, even for linked list groups like the one below.
List group item heading
3 days agoDonec 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 agoDonec 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 agoDonec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.Inverted
Also working with with list group.
List group item heading
3 days agoDonec 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 agoDonec 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 agoDonec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta.Contextual classes
Use list-group-item-* contextual classes to style list group.
- Dapibus ac facilisis in
- This is a primary list group item
- This is a secondary list group item
- This is a success list group item
- This is a danger list group item
- This is a warning list group item
- This is a info list group item
- This is a light list group item
- This is a dark list group item
Contextual linked
Also working with contextual classes.