Bootstrap Responsive Layout Tutorial

Bootstrap Responsive Layout Tutorial

By  |  April 5, 2018  |  Website Designing  |  Comments

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:

Bootstrap Responsive Layout Tutorial

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:

Video Rating: / 5

About the Author: Janet Lee

13 Comments

  1. Rob Howdle

    on April 5, 2018 at 12:53 pm -

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

    on April 5, 2018 at 1:46 pm -

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

    on April 5, 2018 at 1:52 pm -

    This is a pretty good tutorial! Thanks.
  4. merchantscape

    on April 5, 2018 at 2:29 pm -

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

    on April 5, 2018 at 2:36 pm -

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

    on April 5, 2018 at 3:06 pm -

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

    on April 5, 2018 at 4:01 pm -

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

    on April 5, 2018 at 4:25 pm -

    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?
  9. ►HowTo◄ PC&GAMING tutorials

    on April 5, 2018 at 5:17 pm -

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

    on April 5, 2018 at 6:08 pm -

    Awesome Job - Thank your sir!
  11. Tharindu Perera

    on April 5, 2018 at 6:40 pm -

    best tutorial for bootstrap grid layout..

    Thank you!!
  12. Asif Ali

    on April 5, 2018 at 7:18 pm -

    Thx for free best videos on YouTube.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.