Bootstrap 5 Crash Course Tutorial #8 - Grid Layout (part 2)

Подписаться 1,6 млн

Просмотров 119 тыс.

50% 1

In this lesson we'll take what we learnt about the grid system in Bootstrap 5 and use it to start our page design.
🐱‍👤 View this course in full now - without ads - on Net Ninja Pro:
netninja.dev/p...
🐱‍💻 Access the course files on GitHub:
github.com/iam...
🐱‍💻 HTML & CSS Crash Course:
• HTML & CSS Crash Cours...
🐱‍💻 Node.js Crash Course:
• Node JS Tutorial for B...
🐱‍💻 SASS Crash Course:
• SASS Tutorial #1 - Wha...
🐱‍💻 VS Code - code.visualstu...
🐱‍💻 Bootstrap 5 Docs - getbootstrap.c...
🐱‍💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 62

@celebkidsshow 10 месяцев назад

I don't usually comment on videos but I have to say you are a great teacher. I love that I can quickly comprehend things. Thank you so much 🙏.

@NetNinja 10 месяцев назад

You're very welcome! :) thanks for your kind words

@celestrial-fx5bo 6 месяцев назад

Excellent 5star!

@badcode3976 3 года назад

Thanks for this amazing tutorials, Shaun!! Keep doing these videos, they are really useful and easy to follow 👌

@itzdaksh7235 3 года назад

can you please give the source of the images that you used

@chrismwambajr6326 3 года назад

You are a genius. Your way of teaching is far better than professors of Universities. Thank you so much @The Net Ninja :)

@TheSabKuchh 3 года назад

Thanks for all your efforts. This Bootstrap5 Crash course is really good and precise.

@fatimallaguno2286 Год назад

Ok im a total newbie here but if DIV is a block element, how come when you finish the column on the left with the text then you add another DIV to do the image on the right? My logic would say to add another column. I mean I guess it works hahaha I just don't understand how or why! Thank you so much for your insight

@muhammadumerbaig3607 Год назад

on medium display my content is not aligning to the start (left)!

@sumanthprabhu11 3 года назад

After looking for many videos on THE BOOTSTRAP GRID SYSTEM i finally understood it from you :) THANK YOU

@ShamsulHaq313 2 месяца назад

I'm a backend developer and right now moving towards frontend. So i spent more than 4 hours to figure out an error. The text that was supposed to move to the left on md display and the image being visible at medium wasn't working. At the end, figured out i had unknowingly zoomed into my chrome upto 250% and that's the reason the content was looking damn big and the other properties didn't seemed to work expectedly.. Crazy day, haha.

@AsheAve Год назад

I love this course. Using to back the design of React App. Thanks so much!

@kab603 7 месяцев назад

Please how do you know which bootstrap property suits the situation

@kopilkaiser8991 10 месяцев назад

Lots of love from me to you for making such an awesome tutorial! Liked, commented, and share. And more than this, I keep you in my best prayers, so that you can keep on exceling in being a great programmer and a tutor! Absolute 5 stars for you.

@NetNinja 10 месяцев назад

Thank you so much 😀

@joaoluis3042 2 года назад

A div in a h1 ? Funny 🙂 Love your tutos dude !!!

@NetNinja 2 года назад

Thanks João :)

@video724de 3 месяца назад

Danke!

@deldridg 4 месяца назад

This is exciting stuff. For some time I have been a Django guy but never really did much with the front end. This is a wonderful fast-track and your teaching style is excellent and your efforts are much appreciated. Cheers from Sydney - Australia

@nadiarusiecki5785 Год назад

I don't understand how justify-content-center works without d-flex here.

@vishalpal8957 2 года назад

my allgin-items-center is not working can anybody help the search doesn't come down nomatter what i do it just sticked up of the page

@lilrun7741 2 года назад

I think you did misspelled 'aligin'. It should "align"

@jacv7870 2 года назад

Put this on your section class = "d-flex align-items-center"

@pulseshortsvideosforyou 5 месяцев назад

Thank you for sharing these amazing tutorials

@NetNinja 4 месяца назад

Glad you like them! :) thanks for watching

@go-parabolic 2 года назад

Loving this tutorial, really! Very helpful.

@NetNinja 2 года назад

Glad it was helpful! :)

@JonsonNcube 3 года назад

🤗

@manueltaveras3546 3 года назад

@netninja This comment has nothing to do with this video, but what is your next video about?

@ash844 2 года назад

container-lg not applying even outside the row why

@enos5192 3 года назад

Literally forgetting to like the videos cuz it's in a beautiful playlist

@TheBull06 Год назад

Not everyone is as smart you bro, this tutorial feels rushed as hell.

@carlmaegerman8265 2 года назад

I don't see the images appear when I open the index file in live server. any idea?

@ilya_123__ 7 месяцев назад

thank you!

@majgajsek7818 2 года назад

Shaun! thank you very much I am enjoying this Crash Course :D

@Anteater23 5 месяцев назад

Thanks

@samduss4193 2 года назад

sometime i feel like CSS normal is better than bootstrap

@phnkcell710 10 месяцев назад

OMG this tutorial is amazing!!

@falibari 2 года назад

Amazing thanks keep on the good job Ninja

@prafulrane3591 Год назад

Need a roadmap video to follow your channel content!!!!

@NetNinja Год назад

I’ll work on it!

@ridl27 3 года назад

@leonmarienga3293 19 дней назад

thank you

@NetNinja 19 дней назад

You're welcome Leon! :)

@ilya_123__ 6 месяцев назад

thank you!

@NetNinja 6 месяцев назад

You're welcome!

@dfla5472 3 года назад

Yay! new video. was waiting for it.

@thexencsus9599 Год назад

What does the "lead" class do in that tag? can someone help?

@rosem.5899 Год назад

It changes the text style to make it slightly larger. See the bootstrap tutorial video #3!

@pimadavide90 Год назад

incredible 😍

@ilearnwithstar4389 2 года назад

Amazing tutorial!

@alexshepel9387 2 года назад

nice!

@salahalhashmi6528 3 года назад

thanks

@aliomer9049 3 года назад

Thank you so much

@AnnelineNombeko Год назад

the best tutorial ever thank you

@NetNinja Год назад

Thanks, hope it helped! :)

@samb2543 Год назад

Thanks

@NetNinja Год назад

Thanks for your support Sam! :) it's much appreciated

@HomelessDeamon 3 года назад

Thanks again Shaun 👍

@HomelessDeamon 3 года назад

(question related to npm) hey is it just me or using {npm audit fix --force} just adds more problems to not doing anything at all.

@TheBull06 Год назад

This is a bad beginner tutorial