Bootstrap 5 Crash Course | Website Build & Deploy
HTML-код
- Опубликовано: 16 май 2024
- 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 
Наука
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 😊
Can u update your bootsrap4 course also on udemy?
UPI payment integration with nodejs, please make a video on it
Hello Brad! I just wanted to ask what is the theme of your vscode?.
Thank you!
I was wondering why my card looks weard. Thank you for tour tutorial
Also, on 34:20 you have the icons on icons.getbootstrap if you scroll all the way down
Most detailed, simplified and amazing Bootstrap Tutorial I've ever seen on RUclips !!!
Hats off ma man !!! ❤
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!!
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
exactly what i needed. been self studying front end dev about 4 months now. thanks!
Another amazing course! I can't wait for an updated MERN stack course. Thanks Brad!
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.
true
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!
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.
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!
Awesome video! Thank you for all of the time and energy that you put into making these.
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
Master! Great explanation, very clear. You're such a good teacher, thanks a lot!
Just finished this video and learnt a lot during the code along. Many thanks Brad. You're awesome!
Thank you very much! I was actually watching your old bootstrap crash course yesterday and wanted to see how the bootstrap 5 works 👏
I was waiting for your crash course. Thanks Brad. ❤️❤️
Great video. It was a perfect introduction to the bootstrap 5. I could see its power... thanks a lot.
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
Yes!!! I've been waiting for this. You're the MVP, Brad
Thank you, for existing and starting this youtube channel.
❤️
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!
Thanks Brad! Very nice bootstrap refresher... and just in time to help me sort out some layout issues with my own project using Mapbox.
I have done this project properly. Lots of thanks from Bangladesh.
Sweet thank you 🙏 Brad. I’ve been meaning to learn 5.
I was just about to start learning Bootstrap 5 today...and yeah...it's here. You've been my mentor, Sir.
Literally the tutorial I was waiting for you to release, mind-reader
This is one of the best courses I ever followed. Thanks.
glad to hear your voice and see how great teacher you are
Never disappointed when you realease a new video. Thank you Sir!
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!
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.
@@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
wrr
how far with your programming journey
@@supertacticalbacon lol they should left it as it is.. now they crap boostrap , gotta learn that now ..
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.
I always had so much trouble understanding how to build with responsiveness but you just made it so much easier so thank you!
Brad, I have always struggled with Front end dev, but your tutorial is just too good to be true...
Great video! Would love to see another one on customization etc that you mentioned in the beginning 🙏
Great project Brad! Thank you so much for this!!
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!
I'm lost for words at how beautiful this tutorial is. Can't thank you enough
Brad, you're the man bro! Thanks for your great content as always
Thank you so much for the passion and effort into these videos.
This is by far the best course on Bootstrap by a mile!!
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
Hey Brad thanks for the wonderful demonstration, project was nicely calculated and presented, appreciate your good work.
Learning becomes so easy with your courses. Thank you so much for delivering these courses for free.
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! 👍🚀
love your content thank you so much, i've learned so much in a short amount of time
This proyect is awsome thanks Big Man 💪❤️
I cant say thanks enough. Thank you, Brad.
Outstanding as usual Brad. You're one of the very best at what you do, such a great teacher. Eternally thankful!
This was an amazing introduction to bootstrap! Thanks for the terrific content :)
I am designing and doing a portfolio for my new job, thank you Brad.
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!
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.
I was literally just looking through bootstrap videos because I was getting confused by w3; amazing timing, thank god
Thank you very much. I really enjoyed making this beginner project.
Was waiting for this since so long, Thank you Brad
Thank you, Brad! We love you!
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.
I really enjoyed the tutorial. Straight to the point. Please make more tutorial content. 🎉
I literally needed this course yesterday, so ur a mind reader now 🧐
I need it today lol
Been waiting for this😻thank you ❤️
This is the easiest explanation of Bootstrap that I have come across!! Thanks, much appreciated.
Watching this at 2:00 am, it was increase my knowledge of bootstrap5 in real world. Many thank's
Excellent job. Proper pacing, covered the basics and ended it well.
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.
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.
Thank you for the tutorial ❤️
very clear and concise tutorial on Bootstrap 5. thanks, Brad.
wow this one was really awesome thankyou brad I cant wait to see how we customize bootstrap 5 especially component icons and component customization
Thank You Brad, Your Content is Awesome and Helpful.
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
Brilliant course. Great pave, very thorough and well explained. Easy to follow! This video was exactly what I needed.
Omg I have been looking like crazy for something like this for the last two days and here it is! 😅
Fantastic video. I really helped me with my final project for a course. Thanks a lot!
It's very easy to understand and helps me a lot. Great teaching (y)!!!
This is exactly what I needed... and exactly what I was looking for! Thank you!!!
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!
Fantastic ... Most of the important things are covered in about 80 minutes!
you're a good teacher, I understand everything immediately
Thank you, i've not actually gone into the video yet but i can tell it's good because of the introduction.
Thank you.
You are one of my favorite developer teacher thank you so much
Once again, great work Brad!
Amazing tutorial brad. Loved it!
The best lesson about bootstrap which i have seen so far. Thank you very much.
Very helpful tutorial, I build my first own website with this video!
Thank you. I learned a lot. I just starting studying boostrap and I understand it now.
Excellent mini course, thank you Brad, see you on Udemy!!!
Thanks Brad. Always delighted to watch your video.
This is a beautiful website. Thanks Brad!
Hey, Brad, thank you so much for this tutorial, I'm very thankful for this lesson!
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! 🙌👏
You make this look easy, Brad. Thanks and greetings from The Netherlands.
Thank you for this helpful concise tutorial.
Thank you for sharing and for taking your time to explain in a simple way.
Thanks Brad! So many people owe you so much of what they know 😅🙏🏻 Thank You
I really needed this tutorial. Thanks :)
amazing!! i will enjoy every second.
easy and understandable project i realy so confused using more css
but now im very happy to see this video . thank you very much
Brad, it was very helpful. This tutorial helped me to learn more about Bootstrap.
you helped the begginers alot!!!!! thankyousomuch
I don't know why, when I learn something from you, it hits the spot!