[ad_1]
https://i.ytimg.com/vi/Ct7APU7t-ts/hqdefault.jpg
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
Original source
32 responses to “Bootstrap Responsive Layout Tutorial”
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?
You are awesome!!!!
nice tut man thank you 2017 still usefull helped me alot
Awesome Job – Thank your sir!
best tutorial for bootstrap grid layout..
Thank you!!
Thx for free best videos on YouTube.
Your video is a perfect example of how all tutorial videos SHOULD be made. At absolutely no point did I even consider skipping content, and I only skipped backward once, which usually is better than waiting. So many tutorial videos start out with annoying intros, but yours starts with a finished example, so people know what the goal is. Then you start totally from scratch, and explain in the most efficient way possible. You don't bounce the mouse around, or do any of the other annoying things that I see in so many tutorials. You make use of hotkeys in just the right way, where no one is likely to think "wait, what did he just do, and how did he do it?", but not tapping their fingers thinking "I really don't like waiting for this.".
Although I used to manually code websites in the 1990s, when CSS had just became a "standard" (Microsoft's defiance of the standard they agreed to is why I'm not still building websites), I'm hiring a developer to build my site, that I plan on editing once it's complete. Your tutorial quickly showed me just how simple HTML5 can be, and exactly how the Responsive Layout code works. THANK YOU!
I've had this YouTube account for a few years, and have watched thousands videos and over a hundred tutorials, but your's is only the second YouTube page that I've ever subscribed to, despite the constant verbal begging of most other video producers.
Please do the world a favor, and create a video on how to (and not to) create a tutorial that people can learn and enjoy. If you do, I'll post a link to it in the comments of just about every other tutorial video I watch.
awesome tutorial!
Your video is a perfect example of how all tutorial videos SHOULD be made. At absolutely no point did I even consider skipping content, and I only skipped backward once, which usually is better than waiting. So many tutorial videos start out with annoying intros, but yours starts with a finished example, so people know what the goal is. Then you start totally from scratch, and explain in the most efficient way possible. You don't bounce the mouse around, or do any of the other annoying things that I see in so many tutorials. You make use of hotkeys in just the right way, where no one is likely to think "wait, what did he just do, and how did he do it?", but not tapping their fingers thinking "I really don't like waiting for this.".
Although I used to manually code websites in the 1990s, when CSS had just became a "standard" (Microsoft's defiance of the standard they agreed to is why I'm not still building websites), I'm hiring a developer to build my site, that I plan on editing once it's complete. Your tutorial quickly showed me just how simple HTML5 can be, and exactly how the Responsive Layout code works. THANK YOU!
I've had this YouTube account for a few years, and have watched thousands videos and over a hundred tutorials, but your's is only the second YouTube page that I've ever subscribed to, despite the constant verbal begging of most other video producers.
Please do the world a favor, and create a video on how to (and not to) create a tutorial that people can learn and enjoy. If you do, I'll post a link to it in the comments of just about every other tutorial video I watch.
Your tutorial is alright, but please… these "comment" tags are so unnecessary, they make it look like a battlefield.
Best recorded, edited and delivered tutorial on this subject on the web! Thank you very much! Subscribed!
Nice and concise, I subscribed.
Really good tutorial man, might be a bit fast for beginners but I found it incredibly helpful
Thanks bro, this helped me out a ton.
great !!!!!!!!!!!
Thanks for awesome video. I just want to ask, you use <div class="container">. But you didn't show that u write in css. If using bootstrap, it don't need to write in CSS?
Thank you! Very useful.
Nice…You just typed div and there was closing div comments…How did you do that.
great one, i love this thanx
great! what text editor did you use?
Really good, but would love it if you could include a place on where to learn all of the class types.
Great tutorial! Now I am able to do it! Thanks!
When I clicked on the button, it didn't show the link, why?
I've got no idea the hell is bootstrap but after watching your tutorial i'm now able to design responsive layouts, thank you great job.
a full pacckage of boostrap 🙂
Watch out ! No more panels with Bootstrap 4 but cards !
You're good at giving tutorials. Take notes, other tutorial makes out there!
<div class="navbar navbar-default" role="navigation"> when I added this, it broke my links. any advice?
That was great! Thanks so much!
You explain things very well, thank you!
dude! my button wont collapse and display the lists. why? 🙁
Which text editor are you using ?