New Grid System in Bootstrap 5 (Practical Examples)

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad.com
0:00 Grid system for layouts - What are layouts?
1:57 Container class (not part of grid system)
3:09 'col-6'
4:24 Gutter / gap
5:45 'col'
6:14 'col-auto'
6:30 Responsiveness with 'md', 'lg', etc.
11:33 Multiple rows
12:27 'row-cols-2'
14:45 Gutter / gap
14:57 'justify-content'
16:16 Practical example 1
17:18 Practical example 2
#bootstrap5 #bootstrapgrid #bootstrap5grid #webdevelopment #coding #programming

[@chessclub92]

he doesn't say anything unnecessary in his videos. Thank you so much .

[@bacoymaty6858]

Thank you for tutorial . I got it :))

[@riccardo.masetti]

Amazing video, short and clear! You really saved me, thanks!

[@DEFDEF9]

Thanks. Best explanation I have seen. Wasted a lot of time getting confused elsewhere. Great, simple explanation about Bootstrap being mobile first with the default of columns being stacked and column behaviour changing for screen widths greater than the breakpoint value

[@murfdaddydolla]

Clear & Concise. Much thanks!

[@TitoMo08]

bro I've searching for bootstrap tut about grid since im a slow learner im quite slow and your videos realy helps me alot you explained things clear thumbs up

[@lpontes4489]

Te amo!! Você me salvou. Porfavor continue com esses tipos de exemplo quando tiver próximas atualizações ❤😅

[@mrcrazy00077]

Exellent video !!clear cut.😍

[@sirfalcon3190]

Thank you so much, this helped me a lot!

[@kwanelekhumalo]

Duuuuuuuude! So good! Real quick, don't change your education style. Just came across your channel. Please, please please, when you have that React js course, let us know!!

[@aryannokhai286]

subscribed and liked really nice video's more specifiek than other tutorials.. and yes.. i will watch JS, Node and all your video's.. finally someone who explains something and that i understand in first try XD

[@ByteGrad]

Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

[@lucacaldarulo9361]

Cool video man, thank you! Quick question, can you tell me how can I get the number that indicates the resolution of the web site please?

[@AnonimoAnonimo-jx7vf]

nice video

[@rishukumar7586]

can you tell how you are able to see viewport width all the time in bold letters ?

[@michelrivero1959]

i love you so much