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:
http://learnwebcode.com/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:
https://twitter.com/learnwebcode
source
also share GitHub link for this code plz!
Extremely happy.!! 100% Agree to below comment by asif & Merson
Looks like Maddy voice
Which text editor your using.which package your using for comments to code conversion
Thank u bro….
Man! you're awesome! can I hire you for a teaching session?
on bootstrap 4 we write col=col-xs
Thankyou for your awesome presentation.
plese give the CSS file also
plese give the CSS file also
This nice, can do a video for Bootstrap 4 complete course?
Many many thanks to u Sir! what I just learned from u was an immense of knowledge .I thank u again.
Awesome stuff ☺️ keep it up !!
good, very useful, it really helps to improve my responsive-design knowledge. thks, keep going!
* for anyone having COLUMN ISSUES IN 2019 *
First, I just want to say I can see this guy being a major part of my Bootstrap tutorial life, great guide and I'm only 3 minutes in, but I immediately had an issue when I had loaded the latest bootstrap as instructed (current one being bootstrap 4.3) and the columns (col-xs-6) wouldn't work… I found that I needed to include an older version of bootstrap to get it to work with these columns, it seems that bootstrap 4.x has changed some of there column classes. xs is now sm ( but you need to add bootstrap 3.4.1 instead of the latest ones) thsi issue may be discussed atsome point in the video but I always appreciate the opportunity to help someone else, this time I helped myself so hopefully, this helps someone too. (p.s I'm not a very good web developer, I'm just trying to make my damn pages responsive!!!! Good Luck Everyone)
5 years since the publishing of this video and it has helped me so much just a couple of minutes ago. Thank you.
This is an off question; how do you get you code to automatically comment your classes?
Thanks a lot!
Thanks a lot.
Amazing. Just amazing.
Excellent bro i am using col-md-6 its dividing but its not responsive but you said to use coi-xs-6 its word thank u bro
$867_real money from this amazing website: (just go to)=>>>addermoney.com/?KlhFsd
汪汪汪,汪汪,汪汪汪汪
Awesome tutorial !!!. Thank you so much…
Hey loved the tute just wanted tolet you know the button doesn't work!!!
I salute to your tutorial it delivers a clear messages that younger students can learn faster…
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.
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
This is a pretty good tutorial! Thanks.