List Group in Bootstrap


To create a basic list group, use an ul element with class .list-group, and li elements with class .list-group-item.

To create a list group with linked items, use div tag instead of ul tag and anchor tag instead of li tag.

To create a badge, create a span element with class .badge inside the list item.

Contextual classes can be used to color list items.
The classes for coloring list-items are: .list-group-item-success, list-group-item-info, list-group-item-warning, and .list-group-item-danger.

Use the .active class to highlight the current item.

To disable an item, add the .disabled class.

Bootstrap provides the classes .list-group-item-heading and .list-group-item-text classes for creating our custom list group.


Xem thêm bài viết khác:


Please enter your comment!
Please enter your name here