Bootstrap Grid System Tutorial | Bootstrap 5

[@theUnsungWarriorr]

If anyone is thinking about 2 gutters in nested grid , you can remove container class from nested grid to avoid that , Grid is very powerful , nice informative video Adrian 🎉

[@AdrianTwarog]

That's great, and thanks!

[@Sander-Brilman]

Amazing video, you got straight to the point and the explanation was clear. Exactly what i was looking for

[@aaa4363]

Thanks!

[@KG-ck9hb]

Couldn't understand the grid system just from reading the docs. Just by watching this , the first 6 minutes I completely understand the grid system now.

[@devking549]

Congrats for 80K subs, Adrian! 🎉

[@AdrianTwarog]

🎉

[@fadhilrausyanfikr]

@@AdrianTwarog Hi adrian! Can you make another project with react and bootstrap but now using bootstrap v5?? Thankss

[@Septumsempra8818]

229k

[@alinaolivera]

this was an amazing video, i still can´t get my head around it, but i know i´ll come back

[@bogdanmind3271]

Excellent explanations and amazing video quality. Thank you so much!

[@ideagame3633]

ok , I was checking this video, waiting for the next one))). May the force be with you!

[@MysticCloak-e9r]

Your channel is so underrated, Adrian. Keep working hard, I am sure 1 day you will be at the top.

[@AdrianTwarog]

Thanks, honestly I don't really worry about the numbers, I just enjoy the process :)

[@msvlogs3744]

@@AdrianTwarog great man 🔥 love from India 🇮🇳

[@ArashMoghadass]

Great explanation on Grid System ❤❤

[@kartikkewalramani6696]

Bro gave so much info in just one vid.

[@mahrokhsadro843]

thx Adrian,the way u explain the use of bootstrap classes is great n usefullllllllllll

[@AdrianTwarog]

Great to hear!

[@cristianferreira3350]

amazing wey!!! Muchas Gracias, and also you speak very well y puedo entender todo lo que hablas!!

[@matiasgabrielpatzer2073]

Brilliant! Great explanations and just the right amount of information. Thank you!

[@DevMadeEasy]

Hey Adrian Twarog... Nice content, thanks for sharing it! 🙏

[@AjayChauhan-kb6pr]

thank you adrian. it's really helpful for me.

[@uodige1]

thank you for the easy to follow thru tutorial, I've learned quite a lot!

[@chirase-xd]

Nice and no time wasted, thanks

[@vaibhavdandala9159]

Thank you so much this helped a lot when I didn't understand this very thoroughly in my book.

[@simonroyjonesuk]

Great video. Thank you. Really helpful.

[@mohnishlandge]

This is incredibly informative, love this format!

[@AdrianTwarog]

Great to hear :)

[@abod8121]

Your content is awesome, please keep going what you doing. Much love

[@rtbgenius2531]

love from india love your videos❤️💓❤️❤️

[@ColdheartCuzo]

Excellent teacher

[@suhailkakar]

Great Topic, Thanks Adrian :)

[@AdrianTwarog]

My pleasure!

[@arosh.akalanka]

Wow! Thank u ♥

[@AdrianTwarog]

For sure!

[@mukithasan9684]

Very helpful and easy to learn you deserve a like and a sub

[@munkrowz7145]

Awesome content!

[@AdrianTwarog]

Thanks!

[@jackson159]

Really Good Video! Thanks a lot

[@codechimps]

Ah such a good video, thank you!

[@Myuzishin]

Bootstrap grid is ferkin genius.

[@nro337]

Awesome video, thank you!!

[@Brandon-bm7hp]

It would be nice to see actual content in the columns many beginners see the columns but once its time to add content to the columns they are back at square one

[@balajiravi9259]

Please make bootstrap series with projects

[@baltagadda]

you are great explaining

[@kingmahdi-l6s]

How can understand that site need to wich columns how can we split it?

[@pranavdhamanage]

Why don't you upload more videos per week? Your videos are so polished and amazing!!!

[@AdrianTwarog]

Because they are polished (I'm Polish!) and amazing, I spend more time on them and can only get out so many per week! But I'm trying to do more :) with some tutorials, some real world stuff, and some tips and tricks each week.

[@digigoliath]

Awesome!!! TQVM!!

[@balajiravi9259]

How to add the space between two columns?

[@mudassirsayed8703]

add gx-4 Or any number of spaces in a row div gx is for horizontal gaps and gy is for vertical

[@GnanaAkilan]

What to do to bring gap between them?

[@Yayaloy9]

I wish you name the column differently so it's not confusing, as well as the border, which you did that, just very late into the video. Got very confusing.

[@pavankumard5276]

If we specify 2 for sm and 4 for md what happens when we go to lg or xs

[@denisgarden1]

This one is great! Where is the next video?

[@pokadoodledoo9580]

This was concise yet explained everything so clearly. I'm very impressed and thank you for teaching.

[@Uvi3112]

This video is really cool. thnks

[@Uncaught_in_promise]

Having such a wide monitor, are you having troubles with testing responsive websites / designs (desktop, tablet, mobile)? How do you figure out what your design would look on average full HD screen / laptop?

[@AdrianTwarog]

I have 4 browsers that I can open on each responsive viewport to test live as I develop!

[@velocity4739]

@@AdrianTwarog which 4 browsers do you use?

[@gauravpandey3722]

I have 3 columns and want vertical divider line between them. So i added extra two divs with border width 2px and problem is 3rd div breaks into new line, how to fix that?

[@billywapp2201]

Thank you pally budsssssss

[@self-tilted]

THANK YOU GOOD MAN

[@caku088]

Thanks brother

[@AdrianTwarog]

Thanks

[@letmebe.9401]

How is it flexed without using d-flex?

[@JaimeBIDtravel]

Nice one! Worth to watch. Just would suggest to remove the code from previous examples so newbies like me can focus better on what the code is doing. Or change border color for every example 🙏

[@zensic]

Thank you!

[@volundros]

Weird. Every time I did this there was a space on the outside. I followed the tutorial exactly and it didn't do this to you.

[@ryanedirisingha8532]

Could be the veiwport or the container, container comes with a padding naturally

[@thecodetex]

Wonderful video, but would like a full video on CSS Grid(I'm waiting🕑)

[@AdrianTwarog]

It's on my list, if you saw that list, you might see why it takes ages!

[@AozenDreyar]

where is part 2?

[@GabreilJamie]

cool video)

[@zitansalehin6941]

How to use xs?.. can't work col-xs-#

[@SohailKhan-9422]

Brother please make a crash course on Tailwind CSS.

[@stevepires9209]

This is outdated though. Starting with 5.1 you can opt-in to CSS Grid system (not row/col but grid/g-col instead) which will be the way to go. This tutorial is good but the row/col has been there since Bootstrap 3 which was released almost 10 years ago...

[@matteomazzone4098]

Using The zoom is confusing AF. Why not Chrome dev mode?

[@yaiirable]

i thought the cherno had switched from c++

[@piotrszymanski8325]

I really like your content, but the last example of this video, about nesting is totaly broken. Documentation says that it is invalid when nesting container class div inside other container class div.

[@AdrianTwarog]

Thanks for this, indeed it should just have been a row inside the column, and not a container with a row. Thanks for that I didn't spot it!

[@SirenOfCode]

Where's part two?

[@jutublizard]

Adrian Biały Ser :D

[@arkamaldeen8653]

I thought he was Mr. Beast for a second.😂

[@dominicdeheuer937]

I thought you also taught on Udemy?

[@milkmeapollo9048]

After watching this I think I just come to terms that front end development just sucks and is confusing

[@RealMehedi]

Is Mr. Beast your brother?

[@muhammadsaad4967]

Mrbeast looks like you :)

[@faridagl]

Couldn't focus on anything except your hands, moving all the time.

[@adameleraky9382]

O-Tho -_-

[@maweryoutube9852]

I like the content, but I did not like that you kept moving your head, body, and hands all the time which distracted me and made me not to be able to follow you during the video. Please try not to move and that will be better for all.

[@vidit1001]

Pls pls pls dont shake yourself too much

[@jcd9456]

Too fast.

[@neoastral7950]

you write too fast man

[@vector_canYouDefet_me]

over action🤮🤢

[@rivazmardani]

thx mate

[@Deprinlumeadunate]

Thanks !