Bootstrap Grid System Tutorial | Bootstrap 5

[@rohan1765]

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!

[@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

[@Sander-Brilman]

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

[@snipeminecrafter3001]

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 🇮🇳

[@bogdanmind3271]

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

[@alinaolivera]

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

[@kartikkewalramani6696]

Bro gave so much info in just one vid.

[@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.

[@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.

[@mahrokhsadro843]

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

[@AdrianTwarog]

Great to hear!

[@ideagame3633]

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

[@matiasgabrielpatzer2073]

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

[@simonroyjonesuk]

Great video. Thank you. Really helpful.

[@uodige1]

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

[@vaibhavdandala9159]

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

[@AjayChauhan-kb6pr]

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

[@Myuzishin]

Bootstrap grid is ferkin genius.

[@mohnishlandge]

This is incredibly informative, love this format!

[@AdrianTwarog]

Great to hear :)

[@cristianferreira3350]

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

[@pokadoodledoo9580]

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

[@DevMadeEasy]

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

[@abod8121]

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

[@Tom-gv1fo]

Nice and no time wasted, thanks

[@Sahil.1]

What an informative video thank you so much buddy you just made my work easier

[@ColdheartCuzo]

Excellent teacher

[@balajiravi9259]

Please make bootstrap series with projects

[@suhailkakar]

Great Topic, Thanks Adrian :)

[@AdrianTwarog]

My pleasure!

[@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.

[@self-tilted]

THANK YOU GOOD MAN

[@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 🙏

[@mukithasan9684]

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

[@baltagadda]

you are great explaining

[@jackson159]

Really Good Video! Thanks a lot

[@munkrowz7145]

Awesome content!

[@AdrianTwarog]

Thanks!

[@arosh.akalanka]

Wow! Thank u ♥

[@AdrianTwarog]

For sure!

[@codechimps]

Ah such a good video, thank you!

[@aaa4363]

Thanks!

[@Uvi3112]

This video is really cool. thnks

[@caku088]

Thanks brother

[@AdrianTwarog]

Thanks

[@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!

[@denisgarden1]

This one is great! Where is the next video?

[@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

[@billywapp2201]

Thank you pally budsssssss

[@GabreilJamie]

cool video)

[@kingmahdi-l6s]

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

[@zensic]

Thank you!

[@GnanaAkilan]

What to do to bring gap between them?

[@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...

[@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

[@SohailKhan-tc8uz]

Brother please make a crash course on Tailwind CSS.

[@BMikel]

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?

[@pavankumard5276]

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

[@letmebe.9401]

How is it flexed without using d-flex?

[@zitansalehin6941]

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

[@SirenOfCode]

Where's part two?

[@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!

[@matteomazzone4098]

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

[@yaiirable]

i thought the cherno had switched from c++

[@arkamaldeen8653]

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

[@muhammadsaad4967]

Mrbeast looks like you :)

[@jutublizard]

Adrian Biały Ser :D

[@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?

[@adameleraky9382]

O-Tho -_-

[@faridagl]

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

[@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.

[@rivazmardani]

thx mate

[@Deprinlumeadunate]

Thanks !

[@AozenDreyar]

where is part 2?

[@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

[@neoastral7950]

you write too fast man

[@rtbgenius2531]

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

[@nro337]

Awesome video, thank you!!