Bootstrap tutorial 14 – List Group



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”

  1. 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

  2. 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.

  3. 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.

  4. 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? 🙂

Leave a Reply