Bootstrap Responsive Layout Tutorial

In this lesson we learn how the Bootstrap column grid system makes creating responsive layouts incredibly simple. We also create a responsive navigation menu! Check out my “Get a Developer Job” course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF

Demo files:

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/

Follow LearnWebCode on Twitter for resources and updates:
Tweets by learnwebcode
Video Rating: / 5

About the Author: Janet Lee

13 Comments

Rob Howdle

on April 5, 2018 at 12:53 pm - Log in to Reply

Never considered bootstrap until I saw this video. Very well made and discussed and it's obvious you know what you're talking about. Thanks to this video showing me exactly what I needed to learn I will be looking into bootstrap now.
Nandi Dave

on April 5, 2018 at 1:46 pm - Log in to Reply

Your video is very easy to understand. However which version of bootstrap is this? I am not able to find the bootstrap file that include all the classes that you have used in the video. Hence I dont get the same output as yours. Please help me get the best version so that I can be able to implement the same
Thank you
M

on April 5, 2018 at 1:52 pm - Log in to Reply

This is a pretty good tutorial! Thanks.
merchantscape

on April 5, 2018 at 2:29 pm - Log in to Reply

what happened to col-xs? it is not in source code anymore
Majid Ok

on April 5, 2018 at 2:36 pm - Log in to Reply

Hello , do we have to memorize all those classes ?
Caroline Mutua

on April 5, 2018 at 3:06 pm - Log in to Reply

Now This is Lit, I just love your tutorials. Great work.
DutchxNick

on April 5, 2018 at 4:01 pm - Log in to Reply

Best tutorial I have found. Thank you so much!
Tintinator

on April 5, 2018 at 4:25 pm - Log in to Reply

Regarding the collapsing navbar-toggle at 14:58, I have this issue where the button appears, but the nav links don't drop down after clicking it. Could anyone give some insight on this?
TG8

on April 5, 2018 at 4:44 pm - Log in to Reply

You are awesome!!!!
►HowTo◄ PC&GAMING tutorials

on April 5, 2018 at 5:17 pm - Log in to Reply

nice tut man thank you 2017 still usefull helped me alot
JRH

on April 5, 2018 at 6:08 pm - Log in to Reply

Awesome Job - Thank your sir!
Tharindu Perera

on April 5, 2018 at 6:40 pm - Log in to Reply

best tutorial for bootstrap grid layout..

Thank you!!
Asif Ali

on April 5, 2018 at 7:18 pm - Log in to Reply

Thx for free best videos on YouTube.