[ad_1]
https://i.ytimg.com/vi/eLXBxyD-k2k/hqdefault.jpg
In this tutorial I show you how to use the bootstrap list-group component.
Useful links:
———————————–
Don’t forget to subscribe:
www.youtube.com/QuentinWatt
Follow me on Twitter:
www.twitter.com/QuentinWatt
Follow me on Facebook:
www.facebook.com/quentin.watt
Feel free to donate:
https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CH68DBULMJ37N
————————————
Original source
7 responses to “Bootstrap tutorial 14 – List Group”
Quintin talks about list
1) Give ol or ul tag a class of list-group
2)give class of list-group-item to all li tags
Also he discussed an interesting class of badge to create badges
If u want to keep this comment as a note for fast revision latter like this comment
Should I download Bootstrap ?
The grid system is still a bit confusing to me. Above your div was set to xs to take up three col but it appeared your screen size was med or lrg. It is my understanding that you set the col size (lg-md-sm-xs) to reflect your screen size when your content is displayed in a responsive manner. Does that make sense? Will you or someone in this thread clear up my confusion or link me to a tut that can better explain it for me. Thanks.
Thank you so much for this. I've watched a few bootstrap tutorials on yt recenly but I think those are the best. I like how you go "in depth" wherever it's possible, instead of stating something and being like "deal with it" like most of others do.
How can I make this sort of like a pricelist? for example the "Fruit/s" is the list header & the apples & such are below?
Can you put an image as a backgroud inside the list group???
Could you maybe design a full webpage sometime?
I would really like to know how to position everything how i want.
Right now i just know how to make the browser place it kinda for you.
I do know how to grid system works but i still don't get the positions i want to.
Maybe if i have a jumbotron and i have a header in it, it's always placed on the left side of the jumbotron, what if i want it in the middle? 🙂