Bootstrap 5 TutorialLesson 18Free preview
BS5 List Groups
This lesson is part of Bootstrap · All levels
Summary
List groups make a neat list of items, which can be static, linked, or richly-contented. The basic class is .list-group on the packaging and .list-group-item on each item. Variants such as .list-group-item-action, .list-group-horizontal, and .list-group-numbered make the look beautiful.
Key points
- .list-group round the corner and .list-group-item gives the style of each item.
- It makes the item act like a button with a hover effect. (.list-group-item-action)
- Putting the items in a horizontal plane. (.list-group-horizontal)
- Remove the angle to merge with the container. (.list-group-flush)
- It displays an automatic serial number. (.list-group-numbered)
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.