Using the Bootstrap 4 Grid | BOOTSTRAP 4 TUTORIAL

The grid is one of the core assets of Bootstrap 4 - time to take a closer look and understand how you may use it!
You prefer CSS? Join the full CSS course: acad.link/css
Check out all our other courses: academind.com/...
----------
Source Code: github.com/aca...
Watch the Series on academind.com: www.academind....
Official Grid Documentation: getbootstrap.co...
Dive Deeper into Flexbox: academind.com/...
----------
• Go to www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on / academindchannel
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

[@dinfarfar1020]

This legend explained the whole grid system so well in 18 minutes, bless your life bro. @Academind

[@academind]

I don't know what to say Marvin, it's just amazing to receive such a fantastic feedback! This definitely means a lot to me :)

[@Schwuuuuup]

This video is pure gold: great pacing, perfect clarity - visually and structurally, very good sound. And for me as a non-native English speaker: understandable wording. It was exactly what I was looking for and more so what I needed. Thanks man.

[@Krishnan172]

The only person on the whole youtube who explains directly to the point in sweet 18 mins rather than 1-2 hrs video....salute you bro...

[@1xLuis]

Thank you, I was having a hard time making my site responsive with css flex and grid, so to make things faster I decided to use bootstrap, but got lost on how to use it, now i finally started getting some very cool results thank you so much

[@rokselko4488]

Brooooo I've literally been searching for how to vertical align using Bootstrap for an hour and I was about to lose my mind over this. Thank you so much man!!!

[@nancylwhite]

Thank you so much! I feel like I've watched 100 videos on "getting started" with Bootstrap grid. This one is just what I've been looking for! I get it now! Great presentation!

[@academind]

Wow, just fantastic to read that Nancy, thanks a lot for your comment!

[@DaNumba1Rapper]

Nice and simple explanation without all the excess filler and blabbing that other people do. Excellent work mate!

[@mohiuddinchowdhury4139]

Your teaching style is so neat. I felt like i am attending one of my favorite teacher's class. Thanks for the tutorial.

[@stanleyqc2244]

Hey Max, I've been to colleges and universities. You're honestly the best instructor I've ever seen. I've learned most of my "modern" programming stuff (Vue, React, React Native, Laravel) from your courses. Thank you for what you're doing!

[@academind]

Thank YOU for your awesome feedback and support Stanley, this really means a lot to me!

[@SerJLicious]

The only guy on KZbin that could explain it so simply

[@darthvadar2915]

One of the most useful materials I’ve ever come across for a particular subject.

[@Saiphes]

I love that just typing .container made div with that class. Had to look up that it was called "Emmet".

[@SrivikasVishnubhotla]

Thank you. I was searching how is he doing that but didn't know how or what to search. YT comment section does help some times. :D

[@renishadesra7336]

So many tuts on grid but the clarity I got from you...hats off!

[@victorsayshi7944]

Good explanation on the col-md/ col-xs / col-lg part :) been researching myself but still going nowhere until I saw this video. Nice !

[@U-Trance]

Yes! One of the best guides for a total starter in bootstrap like me! I made this whole site and my boss (im an intern) told me to rewrite the whole positioning in bootstrap and this is gonna help loads!

[@academind]

Happy to read that, thank you, all the best for your project :)

[@aresgod112]

To be honest this is the best tutorial I have ever seen . Chopping Bootstrap exactly where I couldn't understand it. LOVE IT !!!! Thank you Max!

[@academind]

Thank you very very much for this awesome feedback, honestly great to read such comments!

[@animauxlife7107]

I love this guy soo much, I used his Vuejs Course and damn, he's sooo good. I like the way he teaches.

[@hicham4440]

I thaught this is a clickbait but actually he put a video of 2 hours into 18 min long video This is called bootstrap mastering Thank you sir

[@patrickeaton9350]

This video is incredible, thank you for putting in the effort to make such an informative video. I learned more in this 18 minute video than I have this entire semester.

[@academind]

Glad you enjoyed it!

[@3riodokaos333]

Thanks for the lesson! I used to use Bootstrap3 three years ago, but I was rusty after a while without coding. This helped me a lot! You are a great teacher!

[@academind]

Happy to read that the video was helpful, thanks a lot for your comment!

[@445gautam]

Can someone give this guy a medal plz. tq boss went through many videos but didn't understood it. This guy love you bro ❤❤❤❤

[@mohamedosama5264]

i've just watched the video about the grid in the course i'm studying from and it wasn't so clear so i thought i should randomly search for another video on youTube about grid and i'm glad i've watched yours you made it so easy and clear..Thanks buddy!

[@academind]

Happy to read that the video was helpful for you Mohamed, thanks a lot for sharing this!

[@RichardJucewicz]

one of the best tutorials on bootstrap / css i have seen sofar.

[@anirudhdas8917]

doing your flutter course currently and i am in love with you voice man

[@nekonesto7647]

I've been using this for a while, but never bothered to understand what 'lg' or 'sm' meant. You sir just got yourself a subscriber. Thank you and keep up the good work :)

[@debs0630]

Thank you I am so glad I found you.. I've watched so many youtubes trying to get back into making my own web and forgot a few things plus there is a lot of new stuff since I last tried.. but I could not understand the other people trying to teach, or the videos were unwatchable.. You are great so easy to understand and I can actually read what is on the screen.

[@academind]

Wow, thank YOU so much for sharing your wonderful feedback!

[@niclas9671]

Great to have found another video of yours. Since I bought your Angular course on Udemy I couldn't be happier to find more and more great videos of you here on KZbin. Thanks Max!

[@academind]

Thanks so much for your support on Udemy and for your great feedback :)

[@nishanthmurugan5502]

Can you name that course name or instructor name

[@niclas9671]

@@nishanthmurugan5502 Angular - The Complete Guide (2021 Edition)

[@mohammedb2096]

just 18 minutes and direct to the point, thank you for the video. Keep it up :)

[@SmoothWingman]

what i liked here the code video quality top class enthusiasm of teacher on point teacher image popping up in bottom of screen that also well done better then screen sharing ..creative ..deserves appreciation... and yet the best css/sass grid tutorial i've seen!!!

[@academind]

Thanks so much for this awesome feedback!

[@SmoothWingman]

@@academind much deserved...and by now update I have learnt bootstrap 4 grid Worked on laravel bootstrap project Converted to sass to css and also learnt that css can still be written in .scss files Pushed navbrand to left and navbar to right... Sent all the code to GitHub Thx a ton for being part of the hustle

[@dukeduvel6097]

Very impressive. Clean, clear, well cut (especially in the to-and-from examples and code) and perfect tempo. Thank you!

[@academind]

Thank you Duke, happy to read that!

[@gaishiya7696]

Was tired of media queries and flex boxes..Thanks sir..Awesome one!!

[@justDodoPlease]

I don't understand 100% of the spoken English, but I understood perfectly what was explained. Incredible teaching, thank you.

[@hleet]

I missed this great video from 2 years ago ! Thx Max, the best teacher on earth/internet

[@isurusandaruwan4769]

I have learned a lot from the courses you teach from udemy. Great explanations sir you help me a lot in my studies. Now I'm a freelance developer. throughout my journey, I learned a lot from you. your teaching style is very engaging. I have recommended your courses to many of my friends and colleges cuz I know how you teach. Thank you.

[@excellentmike]

Definitely the best beginner introduction to current version of Bootstrap (4). Thank you!

[@academind]

Thanks so much for this awesome feedback!

[@Pareshbpatel]

Flex Grid Positioning Capabilities of Bootstrap 4. Beautifully explained. Thanks. {2021-10-31}

[@TheBnjmnlrd]

I understood all of it! finally. Thank you! watching more.

[@joeg816]

Definitely the best tutorial I've seen on bootstrap yet. Good job, young man.

[@colmduffy2272]

This is by far the most effective tutorial I have seen on this

[@academind]

Thank you :)

[@NeONBRAND]

Seriously helpful info on bootstrap 4 grid, training a junior developer and this was just what we needed.

[@academind]

So awesome to read that, thank you so much for sharing this!

[@ranamdissa]

Maximilian and company, thanks a lot for your videos and courses. I really appreciate the way you explain things. I have learnt a lot from your courses. Thanks!

[@aindoria]

I had trouble when starting out with BootStrap as I didn't really understand after reading MDN, however, this clears it up. Thank you.

[@academind]

Happy to read that I could make things clearer for you Abhishek, thank you for sharing this!

[@shahsohail7726]

you are my favorite teacher in this word .. God bless you

[@asashish905]

Max!! You're great.. I always keep this video handy if I forget something. Thank you!!

[@lonleybeer]

Fantastic explanation dude, i was pretty confused when the teachers explained bootstrap for the first time but this makes more sense thanks!

[@atagaew]

Thank you, very clear explanation. I wonder, why they decide to have 12 columns and not 10 ?

[@karlorodaarts8139]

Thank youu for this! Been trying to make a design with bootstrap. This just solved my problems!

[@SpaYco]

thank you for this video, you're the best one in explaining all this, whenever I try looking up some explanations they don't know how to explain it except for you. well done

[@zaheershaikh3797]

Instantly subscribed after watching this video... Hoping to learn more from this channel👍🏻

[@programmingpablo4963]

I love the way you explain stuff man. You are freaking awesome and thank God you started making videos. Keep it up!

[@rave4e]

You have one of the best tutorials in the business !! You made it a lot easier for me. thanks!!

[@crazychannel7472]

You are amazing i search this for a lot of time e you are the only guy that give me a really nice and good explain to how boostrap grid work thanks

[@academind]

Wow, I really want to thank you for this fantastic feedback!

[@ICTPrasanna]

This is a great explanation! A big thank you from Sri Lanka!

[@martind54]

Great content and extremmely clear. Very few explain things as clear as you. You got a new subscriber

[@OmarAli-mc7ri]

thanks first time looking to bootstrap and i understand every thing thansk for the amazing explaning

[@synthshapes]

amazing video. This is always by BS4 reference whenever I have to work in it

[@bmo3778]

yo, these tutes slaps. the exact perfect pace for my own. thanks a lot!

[@saurabh75prakash]

Best tutorial on Bootstrap 4 on KZbin. Thanks a ton!

[@academind]

So happy to read that you like it Saurabh, thanks so much!

[@saurabh75prakash]

I have purchased your PWA course from udemy. Plan to complete your react and javascript course in 2019.

[@geriba001]

Wow! First understandable explanation for me! Thank you so much!

[@bjornarmar2462]

In-fucking-credible. The absolute BEST explanation of Bootstrap Grid I have ever found. I can't think of any questions I might still have after this presentation. Thank you so much, good sir. Insta-subbed.

[@atg3014]

This is pure gold for my project thank you so much !!!!

[@Mrqishooo]

i would like to say the explanation was very simple and clear . thanks

[@academind]

Happy to read that David, thank you :)

[@alexis3170]

I've learnt more about web development from vids just like this one than I did in 3 years of CS degree

[@humzaarain1144]

What way to explain man you are just love

[@tkdevlop]

You are an awesome guy just found your channel few weeks ago and bought you react course love the way of your teaching

[@academind]

Thank you very much for your wonderful feedback and for your support! So great to have you on board here and on Udemy!

[@insPIreMath]

Phenomenal teaching! I Just also got your React course. Looking forward to it too :)

[@AnkitkumarChheda]

Much needed video. Thanx max. Its a great help. Can you have a series using a short project with bootstrap 4. Migrating from BS3 to BS4 is tricky and sometimes confusing.

[@academind]

A project series using Bootstrap is definitely not unlikely :)

[@omarAhmed-wt8kx]

big big fan to you sir you learn the concepts with the right way , so teach it with this awesome way thanks A LOT

[@Thelukkest]

Wow I missed out on so much, just getting into bootstrap.. often used custom css with display flex

[@joshbakit]

thank you. I had watch lots of bootstrap grid explanation and this video explain well

[@pritamthegamer6714]

You teach extremely good!!! Keep up ur good work and all the best.

[@academind]

Thanks so much Pritam, I'll do my best to keep it up :)

[@chrismachabee3128]

Very nicely done. If I may, would it be possible to see actual text and jpeg in the actual positions of this lesson. The skeletal is conventional, but it would impact great, I think, with actual material. Thanks really good video.

[@bushbuddyplatypus]

Very thorough and yet so concise!! Thanks

[@forensiahills6701]

Your content man is really helpful Keep up doing the great work

[@skturan2524]

Thanks man, your video tutorials are awesome. you always explain all the details about the code and much more. video sound quality is also super cool. keep up the good work

[@academind]

Thanks so much for your wonderful feedback! Especially it's great to read that you like the sound quality, we changed a lot regarding that some weeks ago :)

[@ammaraasif7887]

Excellent tutorial. The best so far !!!!!!

[@cbrunnkvist]

Excellent. Officially my go-to explanation video for Bootstrap grid from now on :)

[@academind]

So cool to read that Conny, thanks a lot for this awesome feedback!

[@davidallsopp4030]

Bootstrap Grids are awesome!

[@matthijshebly]

Some of the best tutorials available. Thanks so much.

[@tristandahl114]

This was a beautiful video that was explained even more beautiful! Thank you for helping me build my first website.

[@PUK1SVA]

Best bootstrap grid totorial out there! Thank you!

[@danb2839]

I never understood this concept until I looked at this video. Thanks dude!

[@DavidLikesToTravel]

Thanks for this Max! Your Bootstrap tutorials are wonderfully helpful!

[@academind]

So great to read that you like the series, thank you for sharing this!

[@mohammedshamsulislam1382]

I am newbegginer Sir,so i understood it ver easily, Alot of thanks Sir.

[@academind]

That's great to read Mohammed, thanks a lot for your comment!

[@greghanson7047]

Thank you. You are a very good educator.

[@tobiasrasmussen4347]

You are a MASTER teacher!!

[@mayank_upadhyay_19]

*Merry Christmas ⛄🎄*

[@timharris72]

Thanks for posting this video. The grid makes sense seeing it for the second time!

[@academind]

Thanks so much for your comment, really happy to read that the video was helpful!

[@sarawalker4277]

Well done - this is a difficult concept to explain - and to understand. Thank you for making this video!

[@mystique9]

You are a very good teacher. I'am looking forward to see more videos from you. Thank you..

[@academind]

Thank you so much for your awesome feedback Semih, this honestly means a lot to me! In case you're interested, you can also find an overview of the topics we cover on our website: academind.com/learn

[@charlesschneiderp]

Man, your teaching is the best! Thanks!

[@SamElabd]

Clear like crystal

[@Jhon-hy6xk]

Hello from Brazil! You're the best!!

[@academind]

Thank you, greetings from Germany!

[@noob4head]

seriously helpful video , I understand bootstrap grid pretty good now :)

[@fenrirbr]

Max, thanks a lot. I have become a way better professional since I bought your courses and watched the vids on your channel. You're awesome!

[@academind]

It honestly means a lot to me to read that, thanks so much for this awesome feedback!

[@george-cann]

Thank you so much you explained more in a

[@danielarodriguezminsky9643]

You ARE such a Great EXPLAINER!!! Thank you soooo much!

[@michaelswigart4049]

thank you I'm doing a project and I didn't under stand it in class and this makes so much more sense \[T]/

[@smilewithneelam3019]

amazing. you cleared concepts very well. Thank you!

[@ferdi.deveci]

Thank you very much I didn't understand this at first, but now I do Keep up the great videos

[@academind]

Awesome to read that, I'll try my best to keep it up!