Newbie-friendly web site mission utilizing Bootstrap 5
Hostinger:
https://www.hostinger.com/traversymedia
– Use the code TRAVERSYMEDIA for 10% off!
Code:
https://github.com/bradtraversy/bootstrap-bootcamp-website
Mission Demo:
https://www.frontendbootcampdemo.com/
Newest Udemy Programs:
https://traversymedia.com
💖 Help The Channel!
http://www.patreon.com/traversymedia
Timestamps:
0:00 – Intro
2:01 – Docs & Getting Began
4:40 – Together with Bootstrap CDN
6:38 – Responsive Navbar
14:04 – Showcase With Flex Courses
24:25 – E-newsletter With Enter Group
31:03 – Containers With Bootstrap Grid & Playing cards
33:22 – Bootstrap Icons
38:44 – Be taught Sections
44:38 – FAQ With Accordion
54:50 – Instructors Grid Playing cards
1:01:11 – Contact Information & Map
1:07:18 – Footer
1:09:38 – Enrollment Modal
1:14:57 – Deployment To Hostinger
source
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 😊
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.
Tutorial of simple bootstrap website: https://www.youtube.com/watch?v=sLLF4LjhxTQ
Just amazing what a tutorial on bootstrap. Learnt a lot.. Thank you
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!
thanks brad that was helpful
This was really fast and full of information but difficult to follow along with at the same time.
What short command are you doing to get the code more in order at eg 28:29?
thank you brad ! <3
Thank you brother. This is a very useful video for us. Try to gift us new viedos.
Just came across this video. I'm at this point comfortable with HTML and CSS, but am getting a little confused with Bootstrap, mostly regarding the layout portion and how to use it compared to Flexbox, which I find much easier to use right now. Hopefully this video clarifies some of that confusion.
I don't really like it 😕
Is this still relevant?
Well done for this tutorial. It would be nice to make an introduction first explaining the possible classes that every element can have or the the most commonly used, and then dive into the implementation. The way you organized the tutorial you keep creating the different components of the site assuming that everyone is aware of the classes that each element takes. Overall the tutorial is very good. Thank you for providing your knowledge.
hi, thank u for the great video you've produced, very instructive, but the final page has a small issue, wich is the map desapear arround sm breakpoint
Fantastic … Most of the important things are covered in about 80 minutes!
Thank you very much..
Thanks Brad! So many people owe you so much of what they know 😅🙏🏻 Thank You
THANKS, I'll be greate because of this.
Great Tutorial 😇💛
How to change the colour theme in the Vs code?? The one used in this video looks way better than the default one. How to change it?
Thank you. it really helped.
I know Bootstrap makes life simpler, but it still seems like cheating to me. Still, I can't argue with the results. Very nice video.
wonderful tutorial (as always)
Hello Brad, do you think I dive into bootstrap after learning CSS or JS..
Would love your opinion as well as others please 🤲