From the course: Bootstrap 5 Essential Training
Unlock this course with a free trial
Join today to access over 23,400 courses taught by industry experts.
List groups - Bootstrap Tutorial
From the course: Bootstrap 5 Essential Training
List groups
- [Narrator] There's a whole category of classes that are technically a component but control how list of things are displayed and they can also be used inside many components. So let's take a look. The first is called a list group and there's actually two different classes. You can add a list group class to an unordered list container and then a series of list group items that go inside. Now if you add an active class, you should also add the area current true and you'll see how that works in just a minute. In the same way, if you are disabling a list item, you should add tab index minus one, and also area disabled true. Now this you should do anytime you're disabling any sort of element in Bootstrap and it's just something to do that is friendly to assistive devices. So let's take a look at how they look on this example. We'll click on this and you can see that list groups look extremely nice. And all we have to do is assign the main container class here called list group. And then…