List group

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

Version 1.0

Basic Example of Module

Usage & Code Tips

@include title of mixin

@include title of mixin

@include title of mixin

Source code:

 

 

Basic list group example

Version 1.0

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

Usage & Code Tips

Use template: list_group

Source code:

 

 

Linked list group

Version 1.0

Usage & Code Tips

Use template: link_list_group

 

Additional addon classes:

Apply disabled class.disabledto .list-group-item

 

Contextual colour classes (apply class list-group-item-* )

Success: .list-group-item-success

Info: .list-group-item-info

Warning: .list-group-item-warning

Danger: .list-group-item-danger

Source code: