Bootstrap tutorial 5 – Using the grid



https://i.ytimg.com/vi/e5VQampkqdg/hqdefault.jpg



In this tutorial we take a look at how to use the Bootstrap grid. I explain what happens if you add more than 12 columns to the grid, and how break points work from smallest break points first to large.

Sponsored by DevMountain. Get yourself career ready, check out their website: http://goo.gl/enNbQV

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


36 responses to “Bootstrap tutorial 5 – Using the grid”

  1. I didn't go through the recent comments but still, I thought to give a heads-up about the col-xs-. If you are using the latest Bootstrap version (>= 4.*) then you would notice that the col-xs- is not working as expected. That is expected because col-xs-* has been deprecated since BS version >= 4. You simply need to replace any col-xs-* with col-* (for ex:- col-xs-4 should be replaced with col-4). Note:- You can still use can-lg-* as usual.

  2. Does anyone know why my rows are horizontal (I opened it in google chrome) and not vertical? Do I fix it in css ? I wrote the exact same thing. When I open it in Firefox it’s fine… so why is it like that in google chrome? Pretty interesting though. At 75% in google chrome it’s fine, lol I’ll just complete the video first of all. LOL okay I know why, I was opening the tab but not fully, so basically the tab wasn’t fully open. Thanks!

  3. Hey Quentin: Two questions for ya and I am a beginning front end web developer.

    First: Would you recommend using bootstrap of many of the other programs "skeleton" that just offer a grid system for responsiveness.

    Second: If you're in the game for profit, do your recommend building from scratch your own websites or do you recommend templates etc.

    Thanks for the awesome tutorials, they are the bomb!

    Best,

    Erik R.

  4. this has been literally the only boot strap related tutorial that actually makes sense, will watch them all thanks mate! you should consider making one with linking boot strap and django because it is a little different of a set up with the static folders and that might really help a lot of people, cheers

Leave a Reply