Bootstrap 5

Bootstrap Tutorials

Bootstrap 5 List Group

Bootstrap 5 List Group

 

 

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

 

Highlighting Item:-

 

Use the .active class to highlight the current item. 

 

disabling Item:-

 

The .disabled class adds a lighter text color to the disabled item. 

 

Border and rounded Corners:-

 

Use the .list-group-flush class to remove some borders and rounded corners.

Code Explanation

All Tutorials related to Bootstrap Tutorials

All Sections related to Bootstrap 5