Bootstrap 5 Crash Course | Website Build & Deploy

Beginner-friendly website project using Bootstrap 5
Hostinger:
www.hostinger.com/traversymedia
- Use the code TRAVERSYMEDIA for 10% off!
Code:
github.com/bradtraversy/boots...
Project Demo:
Latest Udemy Courses:
traversymedia.com​
💖 Support The Channel!
/ traversymedia
Timestamps:
0:00 - Intro
2:01 - Docs & Getting Started
4:40 - Including Bootstrap CDN
6:38 - Responsive Navbar
14:04 - Showcase With Flex Classes
24:25 - Newsletter With Input Group
31:03 - Boxes With Bootstrap Grid & Cards
33:22 - Bootstrap Icons
38:44 - Learn Sections
44:38 - FAQ With Accordion
54:50 - Instructors Grid Cards
1:01:11 - Contact Info & Map
1:07:18 - Footer
1:09:38 - Enrollment Modal
1:14:57 - Deployment To Hostinger

[@TraversyMedia]

One small thing I want to mention is around 33:20 when we add the icons, you will see a div with the class of “card-body” just pop in there. That got cut out for some reason, so just be sure to add that. Thanks for watching guys 😊

[@camellaadam3475]

Can u update your bootsrap4 course also on udemy?

[@venkatesh2788]

UPI payment integration with nodejs, please make a video on it

[@cautionbaby8961]

Hello Brad! I just wanted to ask what is the theme of your vscode?. Thank you!

[@mixvideo2830]

I was wondering why my card looks weard. Thank you for tour tutorial

[@Bashx1]

Also, on 34:20 you have the icons on icons.getbootstrap if you scroll all the way down

[@haejingreen8311]

This one is what I was exactly looking for my project. Really liked this is only about 1 hour course included hosting!! Thank you so much, Brad!!

[@y6productions133]

Most detailed, simplified and amazing Bootstrap Tutorial I've ever seen on KZbin !!! Hats off ma man !!! ❤

[@dwmkryft]

I cannot express how much fun this was! I love the class shortcuts! and the fact that old school CSS can be used to add a little life to the very basic bootstrap makes it a great package.

[@tusharniras]

true

[@cartman42069]

exactly what i needed. been self studying front end dev about 4 months now. thanks!

[@infinityApologeticsClips]

Another amazing course! I can't wait for an updated MERN stack course. Thanks Brad!

[@marcgold424]

This was very dope! Informative, great pace, explanations when needed, it actually works and then you added the deployment as if you had not helped enough. Thank you very much!

[@iluvsyphonfilter]

Thank you very much! I was actually watching your old bootstrap crash course yesterday and wanted to see how the bootstrap 5 works 👏

[@headspace6457]

Awesome video! Thank you for all of the time and energy that you put into making these.

[@PervezAlam1]

Brad, Thank you very much, I was searching this type of tutorial where everything is explained very effectively in an easy way. Especially for Freshers.

[@xtractztv8628]

Amazing tutorial. One for history. I have been working with this tutorial as I am new to Bootstrap and Emmett, and not HTML and CSS. I now feel a lot more confident. You taught me good habits and showed a lot for my future reference when building sites. I honestly feel so relieved haha

[@nathanturkson208]

Just finished this video and learnt a lot during the code along. Many thanks Brad. You're awesome!

[@glennadams8833]

Thanks Brad! Very nice bootstrap refresher... and just in time to help me sort out some layout issues with my own project using Mapbox.

[@bigneism]

I'm 30 minutes in and I'm shocked. I cannot believe i waited so much before trying to learn Bootstrap, it's crazy how much easier it is, thanks Brad for the amazing tutorial

[@ashtarpaniagua4732]

Yes!!! I've been waiting for this. You're the MVP, Brad

[@johnherrera5913]

Master! Great explanation, very clear. You're such a good teacher, thanks a lot!

[@ghaziali3504]

I watched this whole video, the instructor is truly amazing he is so straight forward and explains everything clearly Thankyou so much this content is seriously a gem. Best thing is I haven't got a single advertisement in between this whole lecture. Respect

[@cilomiarraz]

Great video. It was a perfect introduction to the bootstrap 5. I could see its power... thanks a lot.

[@quadg1893]

I always had so much trouble understanding how to build with responsiveness but you just made it so much easier so thank you!

[@duytungnguyen5394]

glad to hear your voice and see how great teacher you are

[@vrk4052]

Literally the tutorial I was waiting for you to release, mind-reader

[@rifatspk]

I was waiting for your crash course. Thanks Brad. ❤️❤️

[@yodkwtf]

I learned a bit of bootstrap after learning css last year but didn't create anything. Now that Bootstrap came out with new version this video is super useful. Thanks Brad!

[@iamdanielkip]

This video has really helped me catching up with Bootstrap again. As always, amazing content, Brad. I really hope you can make the tutorial on customizing Bootstrap, that would be another life saver. Thank you!

[@abenjamin13]

Sweet thank you 🙏 Brad. I’ve been meaning to learn 5.

[@emmanuelfabiani8435]

Great project Brad! Thank you so much for this!!

[@avian960]

Hey, I'm a student and I'm working on my "final" project currently, this video helped me a lot on how to start my website using the Bootstrap Platform. Thank you so much for this!

[@saidneder41]

Brad, I have always struggled with Front end dev, but your tutorial is just too good to be true...

[@eduardom800]

Thank you so much for the passion and effort into these videos.

[@tusharkatariya1839]

Thank you, for existing and starting this youtube channel.

[@insideTheDiv]

❤️

[@raulshahi8316]

Was waiting for this since so long, Thank you Brad

[@kiwi-Centaur]

Hey Brad thanks for the wonderful demonstration, project was nicely calculated and presented, appreciate your good work.

[@jayelliii1806]

Hello Brad: Thank you for taking the time for this tutorial. I am a brand novice to BootStrap and somewhat a novice in Python. The accordion refused to work when running off Python. I just loaded jQuery in the body (bottom before BootStrap) and it all worked. Nice; very nice. Once again, thank you.

[@Jordan-rv8gl]

This was an amazing introduction to bootstrap! Thanks for the terrific content :)

[@mike_valan]

Thank you, Brad! We love you!

[@VjRocker007]

Hey Brad, thanks for the video guide, I really enjoyed your explanation throughout the whole process and I have managed to really learn a lot throughout the video. Really appreciate your work and wish you all the best!

[@CodingwithBasir]

very clear and concise tutorial on Bootstrap 5. thanks, Brad.

[@ale3xandria]

Great video! Would love to see another one on customization etc that you mentioned in the beginning 🙏

[@Kandufilms]

love your content thank you so much, i've learned so much in a short amount of time

[@saira_anonymous1599]

Been waiting for this😻thank you ❤️

[@brutuslaurentius8729]

Excellent job. Proper pacing, covered the basics and ended it well.

[@anonymouseverx]

I cant say thanks enough. Thank you, Brad.

[@adrielt]

I bought your course before when I was trying to learn bootstrap 4 back in 2018. It was really good didn't know you have a big youtube channel. I stopped learning to code and will try to relearn this again. Thank you for this video

[@puneeth1551]

Thank you for the tutorial ❤️

[@mauro21523]

I am designing and doing a portfolio for my new job, thank you Brad.

[@prajulsahu9838]

I was just about to start learning Bootstrap 5 today...and yeah...it's here. You've been my mentor, Sir.

[@MinimalistMatty]

Once again, great work Brad!

[@achuyatsahajoy1390]

Learning becomes so easy with your courses. Thank you so much for delivering these courses for free.

[@kalbizzy]

I'm lost for words at how beautiful this tutorial is. Can't thank you enough

[@marc.roelofs]

Fantastic video. I really helped me with my final project for a course. Thanks a lot!

[@PRIYANKASharma-uv8lx]

You are a wonderful teacher, good understanding everyone can learn from you either beginners or developer. I have taken four courses of yours from Udemy. Your teaching method is easy to understand. Thanks Brad God bless you.

[@dihannwillemse2790]

Amazing tutorial brad. Loved it!

[@Junonino]

Omg I have been looking like crazy for something like this for the last two days and here it is! 😅

[@eyesOnJayda]

This is by far the best course on Bootstrap by a mile!!

[@matdan-tech6108]

You are the best tutor I have ever met online, I can easily comprehend what you are teaching. I'll recommend your channel any day. Stay blessed.

[@adrianmontilla3095]

This proyect is awsome thanks Big Man 💪❤️

[@uttamdutta1762]

This is one of the best courses I ever followed. Thanks.

[@teacheforward97]

It's very easy to understand and helps me a lot. Great teaching (y)!!!

[@ilyesmerzouk6682]

I literally needed this course yesterday, so ur a mind reader now 🧐

[@i_am_a_boy5655]

I need it today lol

[@robiulhasan9553]

I have done this project properly. Lots of thanks from Bangladesh.

[@parthkadam2681]

The instructor's teaching style is fantastic, and the real-world website makes it easy to grasp. Highly recommended for anyone looking to master Bootstrap 5. Happy to apply all the concepts in a project form Thumbs up! 👍🚀

[@hanjiplayer]

I was literally just looking through bootstrap videos because I was getting confused by w3; amazing timing, thank god

[@albedesigns]

This is exactly what I needed... and exactly what I was looking for! Thank you!!!

[@aguswidi9316]

Watching this at 2:00 am, it was increase my knowledge of bootstrap5 in real world. Many thank's

[@delacruz2709]

Thank you very much Brad for such a tutorial. Every Step is explained in details...... I got to learn alot in Boostrap just by watching this amazing video.

[@gerardapinado4212]

This is crazy! Thank you so much for this! ❤

[@philippec4448]

Never disappointed when you realease a new video. Thank you Sir!

[@Universaeducation]

Thank you very much. I really enjoyed making this beginner project.

[@kilanjertran428]

its so ironic that i just finished a section in a web development course im doing which was bootstrap an i get a video next day about brad's bootstrap 5 crash course lol thank u so much brad will be a good practice for me

[@NNNedlog]

I really needed this tutorial. Thanks :)

[@ericberman3965]

Brad, you're the man bro! Thanks for your great content as always

[@converter8230]

you're a good teacher, I understand everything immediately

[@collinscisiwu]

the fact that you've bootstrap documentation off heart is mind blowing

[@imanqoly]

I don't know why, when I learn something from you, it hits the spot!

[@jhingkaiicii7218]

Thank you. I learned a lot. I just starting studying boostrap and I understand it now.

[@stvnk1m]

I really enjoyed the tutorial. Straight to the point. Please make more tutorial content. 🎉

[@ash.mystic]

Great tutorial! I’m not new to web dev but I picked up a lot of useful tips :)

[@chibuzoronochie604]

Thanks Brad. Always delighted to watch your video.

[@CodeWithArjun]

Thank you for the much awaited tutorial sir .

[@ioannisme7495]

amazing!! i will enjoy every second.

[@aminanba8202]

You are one of my favorite developer teacher thank you so much

[@saeednoruzic]

wow this one was really awesome thankyou brad I cant wait to see how we customize bootstrap 5 especially component icons and component customization

[@minchin8041]

This is a beautiful website. Thanks Brad!

[@TheBdemba16]

Quality stuff as always. I mean if this isn't the "ultimate" crash course on bootstrap 5 then I don't know what is.

[@finociasubahani3567]

Thank you so much for the awesome tutorial 😊

[@max-nx6cs]

i like all of your courses. thanks brad.

[@ezequielmaffeo3460]

Thank you for sharing and for taking your time to explain in a simple way.

[@azizbeksodiqov2264]

The best lesson about bootstrap which i have seen so far. Thank you very much.

[@princeluahmarwiah5141]

Thank you, i've not actually gone into the video yet but i can tell it's good because of the introduction. Thank you.

[@touzaelhassan]

Thank You Brad, Your Content is Awesome and Helpful.

[@bobbyb6412]

Please do the second video on customizing Bootstrap. Most Bootstrap videos are about just using it's classes to build a website, but I imagine most people will actually want to use their own colors and slightly change how buttons look etc. and somehow there very little info out there on how to work with the source files.

[@user-yr1ch7jc5b]

Brilliant course. Great pave, very thorough and well explained. Easy to follow! This video was exactly what I needed.

[@baspiepers7415]

You make this look easy, Brad. Thanks and greetings from The Netherlands.

[@shadmanrahman1905]

This man just makes things easy to understand

[@NewLondonMarshall]

As soon as I found out about CTRL + D / CMD + D, I use it every single day for changing multiple occurrences of the same text :) it's so good!

[@nnwebdigital]

Oh, Bootstrap 5 is on menu today! Nice... Thank you Brad.

[@amingrateful7661]

Thanks Brad! So many people owe you so much of what they know 😅🙏🏻 Thank You

[@VideoServicesLI]

Very cool, thanks Brad!! Great stuff.

[@oga_bee]

Liked before I started watching. Brad has done it again.

[@conea6891]

Wow, this tutorial is so good. Thanks a lot.