From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

List groups

List groups - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

List groups

- [Narrator] List Groups are a great way to style lists and other elements like buttons and links. There's a lot of markup, so let's go ahead and take a look at how this works. with the list group class and that goes on a parent container which is usually a DIV or a UL tag. Inside that container, you create a series of elements with list group item classes. You can create list group items with list items buttons, or anchors tags, and in terms of style, you can use an active or disabled styles just like you can with buttons and note that to make links fully disabled, you may have to use extra JavaScript. Disabled styles are not going to work with buttons. If you need to create an actionable list item that you want users to click on, you need to use the list group item action class. This is going to add a slightly different effect, which we'll see in just a minute. Now there's also a few light background options that you an use with these, and you can see the colors, right here. In…

Contents