Hello, in this video, we are going to cover list groups, so a list group is just a really cool way
of organizing data to give up.
So to implement in this group, you put on the list, there's a class of list and then here you have
list items
and they either require a class list, dash group, dash item.
And then you put what Texte going to put out some of my favorite superheroes up for a total of five.
You can put as many as you want and go down
and a guy walk and Green Lantern.
So let's say that refresh.
There you go, that's it, that's literally.
All there is to it, and this is responsive as well, and obviously he spends a full 12, Callon, because
he's in a coma, 12 people in what it calls, for example, Bishoff.
Look, the way the big speech on.
On the Samsung phone that for some reason that got triggered, that when I said something that cold
12, OK, and if I get that, basically what it is.
So then, you know, a bunch of other different features and no one will implement one more of these
four companies.
You can make some of them active and some of them disabled.
So let's say if I was to make this one active, pretty effective.
If me the last one to say you just put the class, disable, reload, that is active now, it just means
that it's active.
It doesn't actually have any backend functionality.
You can implement that yourself, that back in code, which is not.
Directly linked to bootstrappers shows you the visual elements, but this is cool.
Imagine if these were clickable and the last foetid.
I'm going to show you how to make a clickable in terms of an I hate Reath, then maybe you could select
one with more.
And this is disabled.
OK, so if we want to copy the original one.
So if I want to pour a make one of them a link or multiple links, you just do this for the know the
other as well.
So what you do with changes from a list item to a page and want perhaps just say don't go anywhere,
but make it go to a separate page on your website or a separate website entirely.
One last cluster you need list dash group dash item action and turn this to an anchor tag reload.
And as you can see, that is some sort of active, horrible state.
And obviously we can click it doesn't do anything at the moment, but you can make it do whatever you
want.
If you don't have this in here, this is what it looks like.
You may want it like this person sort of tilting the reload.
It looks like a general link, whereas with this it removes the native link Starlin and implements boot
straps on Stardate.
So that's that's really for list group says more things that you can do like.
You can flush.
You can do horizontal layout.
You can have contextual classes, which is to simply Colerain, these classes here, the same sort of
system, your primary secondary success, danger warning, light dot, which were, you know, familiar
with.
And you can have badges in the works with your covering badges as well.
Feel free to check that out.
The JavaScript functionality, the fadin.
And there's a way to detect when events have been triggered on it and by pure vanilla JavaScript.
So feel free to check this out.
I will provide a link to this in the description.
And as usual, if you have any questions, feel free to me your message and I'll look forward to seeing
you in the next awesome bootstrap video.