Bootstrap 5 Crash Course | Website Build & Deploy

Рет қаралды 1,103,564

Күн бұрын

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

Пікірлер: 891

@TraversyMedia 3 жыл бұрын

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 3 жыл бұрын

Can u update your bootsrap4 course also on udemy?

@venkatesh2788 3 жыл бұрын

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

@cautionbaby8961 3 жыл бұрын

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

@mixvideo2830 3 жыл бұрын

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

@Bashx1 3 жыл бұрын

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

@bigneism 9 ай бұрын

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

@dwmkryft 2 жыл бұрын

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 9 ай бұрын

true

@y6productions133 2 жыл бұрын

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

@haejingreen8311 3 жыл бұрын

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

@kapitan5888 Ай бұрын

Finished it, started around 12am saturday and did up to prior to the contact info section at 4:20 am around. Then after taking my course lectures came back and finished it just now :D. Thank you so much for Bootstrap practice!

@infinityApologeticsClips 3 жыл бұрын

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

@marcgold424 3 жыл бұрын

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!

@cartman42069 3 жыл бұрын

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

@PervezAlam1 2 жыл бұрын

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

@iamdanielkip 3 жыл бұрын

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!

@ghaziali3504 3 жыл бұрын

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

@FreddyCruzEstrada 22 күн бұрын

I have tortured myself all these years, the css put me in trouble. But now I follow your tutorial, and things that took me HOURS to do are done here in a couple of minutes. Thank you!

@headspace6457 2 жыл бұрын

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

@iluvsyphonfilter 3 жыл бұрын

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

@avian960 2 жыл бұрын

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!

@tusharkatariya1839 3 жыл бұрын

Thank you, for existing and starting this youtube channel.

@insideTheDiv 2 жыл бұрын

❤️

@nathanturkson208 Жыл бұрын

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

@ashtarpaniagua4732 3 жыл бұрын

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

@glennadams8833 3 жыл бұрын

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

@rifatspk 3 жыл бұрын

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

@johnherrera5913 3 жыл бұрын

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

@cilomiarraz 3 жыл бұрын

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

@jayelliii1806 2 жыл бұрын

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.

@prajulsahu9838 3 жыл бұрын

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

@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

@atruewild 3 жыл бұрын

As a hobby I decided to learn programming. Have started with HTML, CSS, basic JavaScript. (Not sure that is “programming”, or the feeling of completing a cross word puzzle.) Regardless you are a talented teacher! You have a humble quality that translates to encouragement- and anyone can learn how to do this. You are the Richard Feynman of learning front end development. Thank you!

@supertacticalbacon 2 жыл бұрын

Good luck! I'm coming in with a decent python background plus some compiled languages and HTML+CSS is kicking my ass. Honestly struggling with CSS more than I did with C and memory stuff.

@tawchaentertainment1488 2 жыл бұрын

@@supertacticalbacon you'll get it eventually it was the same for me Im a computing student and I got my head around html and css self taught in like 2 months

@zes3813 2 жыл бұрын

wrr

@whysoseriousinc7756 2 жыл бұрын

how far with your programming journey

@Moodboard39 Жыл бұрын

@@supertacticalbacon lol they should left it as it is.. now they crap boostrap , gotta learn that now ..

@yodkwtf 3 жыл бұрын

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!

@ale3xandria 2 жыл бұрын

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

@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! 👍🚀

@saidneder41 2 жыл бұрын

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

@abenjamin13 3 жыл бұрын

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

@vrk4052 3 жыл бұрын

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

@duytungnguyen5394 3 жыл бұрын

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

@VjRocker007 2 жыл бұрын

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!

@raulshahi8316 3 жыл бұрын

Was waiting for this since so long, Thank you Brad

@robiulhasan9553 3 жыл бұрын

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

@kilanjertran428 3 жыл бұрын

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

@godfreyndiritu9062 3 жыл бұрын

Traversey's intro is funny, it reminds me of my high school teacher before starting a lesson 😂😂😂😂. Anyway thanks Brad you'll probably never have an idea of how much you've impacted my life and others. Blessings to you.

@philippec4448 3 жыл бұрын

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

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

@uttamdutta1762 5 ай бұрын

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

@CodingwithBasir 3 жыл бұрын

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

@quadg1893 Жыл бұрын

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

@mike_valan 3 жыл бұрын

Thank you, Brad! We love you!

@aguswidi9316 Жыл бұрын

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

@kiwi-Centaur 2 жыл бұрын

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

@hanjiplayer 3 жыл бұрын

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

@matdan-tech6108 2 жыл бұрын

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.

@emmanuelfabiani8435 3 жыл бұрын

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

@Jordan-rv8gl 2 жыл бұрын

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

@ilyesmerzouk6682 3 жыл бұрын

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

@i_am_a_boy5655 2 жыл бұрын

I need it today lol

@saira_anonymous1599 3 жыл бұрын

Been waiting for this😻thank you ❤️

@Promontie 3 жыл бұрын

Once again, great work Brad!

@ericberman3965 Жыл бұрын

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

@achuyatsahajoy1390 Жыл бұрын

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

@Junonino 3 жыл бұрын

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

@eduardom800 3 жыл бұрын

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

@chrisstucker1813 Жыл бұрын

Outstanding as usual Brad. You're one of the very best at what you do, such a great teacher. Eternally thankful!

@socialkruption 3 жыл бұрын

Comment section so much nicer here than Twitter, keep up dawg, good stuff right here.

@eyesOnJayda 2 жыл бұрын

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

@delacruz2709 2 жыл бұрын

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.

@mauro21523 3 жыл бұрын

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

@bobbyb6412 2 жыл бұрын

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.

@brutuslaurentius8729 2 жыл бұрын

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

@NewLondonMarshall 2 жыл бұрын

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!

@saeednoruzic 3 жыл бұрын

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

@Kandufilms 3 жыл бұрын

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

@anonymouseverx 3 жыл бұрын

I cant say thanks enough. Thank you, Brad.

@thelaststanding97 3 жыл бұрын

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

@chibuzoronochie604 2 жыл бұрын

Thanks Brad. Always delighted to watch your video.

@AhmedMuhammed-et4de 6 ай бұрын

Wow, this tutorial was an absolute game-changer for me! I started off feeling a bit overwhelmed, but your step-by-step guidance and explanations made everything click. Now I feel confident diving into Bootstrap projects. Your efforts are greatly appreciated - keep up the fantastic work! 🙌👏

@user-yr1ch7jc5b 6 ай бұрын

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

@TheSilmarallion 11 ай бұрын

Ah man Brad the teacher of note, was battling to get the gutter on the columns and boom here you give the example thank you for all the tuts you have done and the ones in the future.

@stvnk1m Жыл бұрын

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

@kalbizzy 5 ай бұрын

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

@legendarykiller7633 3 жыл бұрын

Literally just watched your bootstrap first look yesterday and was wondering when the crash course comes out

@mahmoudusman5330 3 жыл бұрын

I love you Brad. Keep doing what you are doing

@insideTheDiv 2 жыл бұрын

Cool

@JayAyers Жыл бұрын

Clifford Brown will always be my trumpet hero. I put him above all other trumpeters. He was a lyrical genius and I feel the world should know more about his music. Great rendition of 'I Remember Clifford'!

@albedesigns Жыл бұрын

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

@dihannwillemse2790 3 жыл бұрын

Amazing tutorial brad. Loved it!

@marc.roelofs 2 жыл бұрын

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

@ioannisme7495 3 жыл бұрын

amazing!! i will enjoy every second.

@baspiepers7415 2 жыл бұрын

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

@puneeth1551 3 жыл бұрын

Thank you for the tutorial ❤️

@princeluahmarwiah5141 3 жыл бұрын

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

@eduardohenriquedeassis9729 2 жыл бұрын

Hey Bro, it´s just spectacular!! Amazing job. The Button "Start the Enrollment" touches the div´s bottom between 992px and 1199px, so I added a: @media (max-width: 1199px) and (min-width: 992px){ .enroll{ margin-bottom: 20px; } } I target the button as enroll. After that, I just want to thank you again for sharing this knowledge! I just subbed!! Greetings from Brasil!