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 😊
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
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.
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
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!
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!
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
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'!
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!
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!
This is live saving. Just started a project that is full of bootstrap and this helped me a lot. On the side note something like bootstrap or any css framework should never be used on any project, everything becomes a complete mess and extremely hard to maintain really fast.
@@micaelalgarrao6043 In my opinion Bootstrap makes projects permanently slower, over engineered, far more complicated to build whatever and above all a complete nightmare to maintain. On a side note we completely ditched bootstrap. I have no idea why people use this in the present days since css3, grid and flexbox can do the job. But whatever works for you. :)
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
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.
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! 👍🚀
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
47:36 thanks for turning the documentation into real coding. Just one thing, I knew it is quite common to add a ghost element on top of body to push everything down. Another way of doing this is using css position sticky. In bootstrap 5 it is wrapped up as fixed-top class.
I tried both methods but none of these fixes the issue that when I click on the nav-links and it jumps to the respective section, the top part of the section is still behind the navbar :(
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!
Thank you very much ❤. For the link moving to the section , you did it right by adding which by click the link will move the page to the section Id=“learn”. Great job 🎉 thanks
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.
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!
I was going to go on a rant about the Hamburger btn not working ..but i have learned to check my spelling. It always amazes me how frustrated i can get over a missed placed r Great course and i learned a lot from it thank you.
For anyone wondering which extension is he using for auto completion of markup, its called emmet and it's prebuilt into vscode for html files , if you want to use it in js file like in a react project then do little search, you need to paste a small snippet in settings.json json file for that.
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! 🙌👏
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.
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
This was really good. As someone who started HTML and CSS and JavaScript yesterday I could have used a bit more explaining what some elements / classes were doing but considering how novice I am and how much I understood I think this is a great video
Very pro delivery. Nice to listen to the original UA-cam guru on web-dev. The fact you include your code and very comprehensive content in the comments is much appreciated.
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.
Don't get me wrong, I love his channel.. I'd consider him one of the best teachers, but most talented developer? Idk man there are some insaneeeee developers out there
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.
Thanks a lot. While following your tutorial and playing around as I learn, I realized that can fix the navbar using sticky-top without having to use the body::before pseudo selector in the customer CSS.
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 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!
Great tutorial! This was very helpful, thanks for all the work. I have a questions regarding all the "Build a Website" tutorials: How would you deliver a project to a client? Do you create the bootstrap page and then use a specific CMS that is linked to that page? If you have a tutorial on that could you point me to the video please? Thanks :)
Now I don’t have to have a bloated CSS file, Bootstrap will take a huge load off my back. I’m thinking I’ll do like 30% vanilla CSS, and the rest Bootstrap.
@@timbittins I was like why is my nav menu not coming in like his, it's all because I bunched up the words with a - instead of leaving it spaced for one section. >.< lol
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!
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.
i always hated frontend, never was my thing, but this guy made me love it , ur awesome man, if i became a full-stack its thanks to you!! keep up the awesome content!! 💪
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
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
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
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 ..
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!
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!
Most detailed, simplified and amazing Bootstrap Tutorial I've ever seen on UA-cam !!!
Hats off ma man !!! ❤
Thank you, for existing and starting this youtube channel.
❤️
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
Watching this at 2:00 am, it was increase my knowledge of bootstrap5 in real world. Many thank's
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!!
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'!
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!
exactly what i needed. been self studying front end dev about 4 months now. thanks!
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.
I have done this project properly. Lots of thanks from Bangladesh.
Literally just watched your bootstrap first look yesterday and was wondering when the crash course comes out
I love you Brad.
Keep doing what you are doing
Cool
This is one of the best courses I ever followed. Thanks.
Another amazing course! I can't wait for an updated MERN stack course. Thanks Brad!
I was just about to start learning Bootstrap 5 today...and yeah...it's here. You've been my mentor, Sir.
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!
This is live saving. Just started a project that is full of bootstrap and this helped me a lot. On the side note something like bootstrap or any css framework should never be used on any project, everything becomes a complete mess and extremely hard to maintain really fast.
But only CSS is too hard and not fast. Big projects needs agility, and bootstrap can handle this.
@@micaelalgarrao6043 In my opinion Bootstrap makes projects permanently slower, over engineered, far more complicated to build whatever and above all a complete nightmare to maintain.
On a side note we completely ditched bootstrap. I have no idea why people use this in the present days since css3, grid and flexbox can do the job.
But whatever works for you. :)
@@narcos1024 ohh, I see :)
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
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!
Never disappointed when you realease a new video. Thank you Sir!
I'm lost for words at how beautiful this tutorial is. Can't thank you enough
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.
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! 👍🚀
Just finished this video and learnt a lot during the code along. Many thanks Brad. You're awesome!
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
47:36 thanks for turning the documentation into real coding. Just one thing, I knew it is quite common to add a ghost element on top of body to push everything down. Another way of doing this is using css position sticky. In bootstrap 5 it is wrapped up as fixed-top class.
I tried both methods but none of these fixes the issue that when I click on the nav-links and it jumps to the respective section, the top part of the section is still behind the navbar :(
This is the easiest explanation of Bootstrap that I have come across!! Thanks, much appreciated.
Great video! Would love to see another one on customization etc that you mentioned in the beginning 🙏
I was literally just looking through bootstrap videos because I was getting confused by w3; amazing timing, thank god
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!
Thank you very much ❤. For the link moving to the section , you did it right by adding which by click the link will move the page to the section Id=“learn”. Great job 🎉 thanks
I was waiting for your crash course. Thanks Brad. ❤️❤️
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.
Master! Great explanation, very clear. You're such a good teacher, thanks a lot!
Thank you very much! I was actually watching your old bootstrap crash course yesterday and wanted to see how the bootstrap 5 works 👏
Thanks Brad! Very nice bootstrap refresher... and just in time to help me sort out some layout issues with my own project using Mapbox.
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!
Awesome video! Thank you for all of the time and energy that you put into making these.
I was going to go on a rant about the Hamburger btn not working
..but i have learned to check my spelling. It always amazes me how frustrated i can get over a missed placed r
Great course and i learned a lot from it thank you.
Great video. It was a perfect introduction to the bootstrap 5. I could see its power... thanks a lot.
Hello, my name is Paulo from Brazil, I just start as web developer, I just finished this project and it was very nice, thanks for the tutorial
For anyone wondering which extension is he using for auto completion of markup, its called emmet and it's prebuilt into vscode for html files , if you want to use it in js file like in a react project then do little search, you need to paste a small snippet in settings.json json file for that.
But how is he expanding the classes to new lines?????
@@hoboman342 LITERALLY
Js code link send please 5.0.1
I don't know why, when I learn something from you, it hits the spot!
Sweet thank you 🙏 Brad. I’ve been meaning to learn 5.
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! 🙌👏
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.
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
I literally needed this course yesterday, so ur a mind reader now 🧐
I need it today lol
This was really good. As someone who started HTML and CSS and JavaScript yesterday I could have used a bit more explaining what some elements / classes were doing but considering how novice I am and how much I understood I think this is a great video
how's the progress so far?
@@ambuyat69 you a beginner too buddy?
Very pro delivery. Nice to listen to the original UA-cam guru on web-dev. The fact you include your code and very comprehensive content in the comments is much appreciated.
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.
Most talented developer I know.
I taught him
some people say Alien
Don't get me wrong, I love his channel.. I'd consider him one of the best teachers, but most talented developer? Idk man there are some insaneeeee developers out there
@@yuck59 He said he's the most talented "He knows." He didn't say he's the most talented in the world.
Learning becomes so easy with your courses. Thank you so much for delivering these courses for free.
Yes!!! I've been waiting for this. You're the MVP, Brad
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.
"Success is not key to Happiness
Happiness is the key to Success "
So always be happy and keep smiling😍😍
A is not the [adjective] to B
B is the [adjective] to A
This is like the mom joke of inspirational quotes
the fact that you've bootstrap documentation off heart is mind blowing
Outstanding as usual Brad. You're one of the very best at what you do, such a great teacher. Eternally thankful!
Thanks a lot. While following your tutorial and playing around as I learn, I realized that can fix the navbar using sticky-top without having to use the body::before pseudo selector in the customer CSS.
Brilliant course. Great pave, very thorough and well explained. Easy to follow! This video was exactly what I needed.
Awesome! I was considering buy your bs4 course on Udemy, hope you can upgrade them with cool changes. Thanks a lot
Brad, I have always struggled with Front end dev, but your tutorial is just too good to be true...
Great course Brad !! Would you make such a course dynamically with react ? Would love to see some more react projects
Comment section so much nicer here than Twitter, keep up dawg, good stuff right here.
Brad and FreeCodeCamp release a Bootstrap video at the same time lol.
Plus Design course
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.
Thank you, Brad! We love you!
I always had so much trouble understanding how to build with responsiveness but you just made it so much easier so thank you!
I cant say thanks enough. 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!
Great tutorial! This was very helpful, thanks for all the work.
I have a questions regarding all the "Build a Website" tutorials:
How would you deliver a project to a client? Do you create the bootstrap page and then use a specific CMS that is linked to that page? If you have a tutorial on that could you point me to the video please? Thanks :)
Freelance or fivver , or GitHub and get paid
Or your own website selling .
I am designing and doing a portfolio for my new job, thank you Brad.
Now I don’t have to have a bloated CSS file, Bootstrap will take a huge load off my back. I’m thinking I’ll do like 30% vanilla CSS, and the rest Bootstrap.
Yoh! I've just modified my website and it looks super awesome just from this 3 years old video... And am only on the 18m marker! Danko Brother!
One thing I get frustrated and enjoy is when I mess up the code following along and have to learn what I did wrong :P
Welcome to the rest of your life.
@@timbittins I was like why is my nav menu not coming in like his, it's all because I bunched up the words with a - instead of leaving it spaced for one section. >.< lol
This just happened to me (lol)
I accidently entered another and completely messed up the navbar lol
Brad, you're the man bro! Thanks for your great content as always
wow this one was really awesome thankyou brad I cant wait to see how we customize bootstrap 5 especially component icons and component customization
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.
Great course Teacher!! Would you make such a course dynamically with react ?
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!
Traversy Forever, Brad... Thanks for pulling me out of tutorial hell.
You make this look easy, Brad. Thanks and greetings from The Netherlands.
Love from Vietnam!
Can someone please guide me (why class "ms-auto" can pull the navBar-Item to the right 11:37 )?
Thank you so much!
I use to fix it.
I really enjoyed the tutorial. Straight to the point. Please make more tutorial content. 🎉
Thank you for the tutorial ❤️
I actually found this video when i asked chatgpt to give me some info on classes of bootstrap 5....its amazingly explained
How about nextjs-bootstrap or react-bootstrap course. Maybe on udemy. What do you say Brad? :)
Yoy may add the property h-100 in the element around the hour of video, so the card's height doesn't change when adding or quitting text.
can you please create backend also custom admin panel using bootstrap 5
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.
Is it just me, or did the "" text just appear on the screen at around the 33:24 mark?
it did
i always hated frontend, never was my thing, but this guy made me love it , ur awesome man, if i became a full-stack its thanks to you!!
keep up the awesome content!! 💪
Is ur udemy bootstrap 4 course still up to date?
If you use Bootstrap 4 yes. If you use 5 you will have to change up some class names. It’s on my list to update this year
Thanks Brad. Always delighted to watch your video.
Well Done 👍