Bootstrap List Groups

Learn how to work with the List Groups in Bootstrap. With that,

  • Create List Groups
  • Select the list group item
  • Disable the list group item
  • List Group With Linked Items
  • Color List Items

To create List Groups, use the following Bootstrap classes:

  • .list-group class
  • .list-group-item class

Select the list group item using the following class:

  • .active class

Disable the list group item:

  • .disabled class

List Group with Linked Items:

  • .list-group-item-action class

The following Contextual classes are used in Bootstrap to color List Items:

  • .list-group-item-success
  • .list-group-item-secondary
  • .list-group-item-warning
  • .list-group-item-danger
  • .list-group-item-info
  • .list-group-item-dark
  • .list-group-item-light

Example – Bootstrap List Groups

Let us now see an example to create list groups in Bootstrap:


Bootstrap List Groups Example

Video Tutorial – Bootstrap List Groups

The following is the complete video tutorial to learn how to work with List Group in Bootstrap:

If you liked the tutorial, spread the word and share the link and our website Studyopedia with others:

Read More:

Bootstrap Form Input Controls
Bootstrap Modal
Studyopedia Editorial Staff
Studyopedia Editorial Staff
[email protected]

We work to create programming tutorials for all.

No Comments

Post A Comment

Discover more from Studyopedia

Subscribe now to keep reading and get access to the full archive.

Continue reading