[ad_1]
https://i.ytimg.com/vi/tX_4HTQ6Pgc/hqdefault.jpg
It’s a video tutorial of article “Understanding the Bootstrap 4 Grid System” – https://designmodo.com/bootstrap-4-grid-system/
Grid systems enable us to properly organize website content. Dividing the screen into multiple rows and columns is the best way to create a variety of layouts for any kind of website.
Bootstrap’s grid system has a division of columns ― up to 12 in each row. Each column width varies according to the size of screen they’re displayed in. Bootstrap’s grids are responsive and each rows may collapse at a certain breakpoints or can displayed fluidly across different viewports.
Original source
16 responses to “Bootstrap 4 Grid System”
This tutorial was really helpful . Thanks
This is now out of date, push and pull is no longer used in Bootstrap 4 production version. Bootstrap 4 now uses ml-auto and mr-auto.
I was confused at about 2 minutes and then quickly abandonded + you didn't render any porpoises.. avoid
I cant understad why the smaller size (xs) gets almost 50% of your screen. It seens too big for me.
thank you greetings from Azerbaijan
Thank you..🙏
very well explained , thanks
Thank You
Tried your code and it did nothing to offset columns. I have bs4 from bootstraps site with their cdns.
Clearly from the publishing date of this video this is a bootstrap 3
U r the hero of online tutorials…..i am die hard fan of ur tutorials.thank u so much for making this great stuff for online learners.
Thank you! I made what I wanted with you help!
Thank you for the video – the documentation doesn't show each type of col-*.
Hey, are you a Filipino? We have the same accent! lol Keep up the good job!
Awesome tutorial 🙂
Wow! Thank you so much for this Awesome tutorial!
You guys Rocks!
Are you also going to create a tutorial about Sass with Bootstrap 4?
How about Flexbox with Bootstrap 4?
Regards,
Patents