Bootstrap 5 Crash Course | Website Build & Deploy

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

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

[@FreddyCruzEstrada]

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!

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

[@soundwave5445]

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!

[@atruewild]

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]

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]

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

wrr

[@SteffanPhoenix]

how far with your programming journey

[@Moodboard39]

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

[@tusharkatariya1839]

Thank you, for existing and starting this youtube channel.

[@insideTheDiv]

❤️

[@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'!

[@y6productions133]

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

[@aguswidi9316]

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

[@robiulhasan9553]

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

[@cartman42069]

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

[@qcmira2024]

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

[@prajulsahu9838]

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

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

[@uttamdutta1762]

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

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

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

[@infinityApologeticsClips]

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

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

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

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

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

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

[@seedme]

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.

[@ninadgns]

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 :(

[@narcos1024]

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]

But only CSS is too hard and not fast. Big projects needs agility, and bootstrap can handle this.

[@narcos1024]

​@@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. :)

[@micaelalgarrao6043]

@@narcos1024 ohh, I see :)

[@nathanturkson208]

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

[@kalbizzy]

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

[@rifatspk]

I was waiting for your crash course. Thanks 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

[@bobfluencer]

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.

[@stblad3]

This is the easiest explanation of Bootstrap that I have come across!! Thanks, much appreciated.

[@ashtarpaniagua4732]

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

[@socialkruption]

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

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

[@godfreyndiritu9062]

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.

[@ale3xandria]

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

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

[@14ftdude]

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

[@mahmoudusman5330]

I love you Brad. Keep doing what you are doing

[@insideTheDiv]

Cool

[@TheSilmarallion]

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.

[@cilomiarraz]

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

[@hanjiplayer]

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

[@Bengadeer]

Very pro delivery. Nice to listen to the original KZbin guru on web-dev. The fact you include your code and very comprehensive content in the comments is much appreciated.

[@eduardohenriquedeassis9729]

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!

[@johnherrera5913]

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

[@saidneder41]

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

[@ilyesmerzouk6682]

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

[@i_am_a_boy5655]

I need it today lol

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

[@GregOwenZA]

Most talented developer I know.

[@vlogmoinc5597]

I taught him

[@badname110]

some people say Alien

[@yuck59]

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

[@meilyn22]

@@yuck59 He said he's the most talented "He knows." He didn't say he's the most talented in the world.

[@achuyatsahajoy1390]

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

[@headspace6457]

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

[@Mighty_Dork]

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

[@ambuyat69]

how's the progress so far?

[@axlblazeauthor]

@@ambuyat69 you a beginner too buddy?

[@nghiahoang7978]

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!

[@november12th2008]

I use to fix it.

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

[@mike_valan]

Thank you, Brad! We love you!

[@ericberman3965]

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

[@abenjamin13]

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

[@imanidioli]

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

[@anonymouseverx]

I cant say thanks enough. Thank you, Brad.

[@abc126990]

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

[@spacegoods]

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.

[@hoboman342]

But how is he expanding the classes to new lines?????

[@joannaschwarck4571]

​@@hoboman342 LITERALLY

[@sandipanmondal812]

Js code link send please 5.0.1

[@iluvsyphonfilter]

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

[@chrisstucker1813]

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

[@scouseTibeT]

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.

[@InfoTrickyOfficial]

"Success is not key to Happiness Happiness is the key to Success " So always be happy and keep smiling😍😍

[@snoowwe]

A is not the [adjective] to B B is the [adjective] to A This is like the mom joke of inspirational quotes

[@collinscisiwu]

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

[@kernelpanic901]

Is it just me, or did the "" text just appear on the screen at around the 33:24 mark?

[@cenacr007]

it did

[@stolsinfx]

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!

[@konstantinosvasili551]

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.

[@mauro21523]

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

[@Dev_Dike]

Traversy Forever, Brad... Thanks for pulling me out of tutorial hell.

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

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

[@AhmedMuhammed-et4de]

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

[@puneeth1551]

Thank you for the tutorial ❤️

[@gustavopinto2980]

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

[@TheeMelloMan]

Brad and FreeCodeCamp release a Bootstrap video at the same time lol.

[@xJAYDENFx]

Plus Design course

[@jowsiff]

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

[@Kandufilms]

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

[@timbittins]

Welcome to the rest of your life.

[@Kandufilms]

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

[@albedesigns]

This just happened to me (lol)

[@albedesigns]

I accidently entered another and completely messed up the navbar lol

[@stvnk1m]

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

[@vincentole]

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 :)

[@Moodboard39]

Freelance or fivver , or GitHub and get paid

[@Moodboard39]

Or your own website selling .

[@baspiepers7415]

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

[@quachaihiep3251]

Awesome! I was considering buy your bs4 course on Udemy, hope you can upgrade them with cool changes. Thanks a lot

[@Dharmendrakewat123]

wow all frontend development journey in one video i'm just amazed.

[@Wanderer2035]

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.

[@maxmaxray9091]

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

[@mr.jaweedkhan3364]

can you please create backend also custom admin panel using bootstrap 5

[@vrk4052]

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

[@Gerard-e1b]

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

[@hamzaellaouzi9319]

Great course Teacher!! Would you make such a course dynamically with react ?

[@Junonino]

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

[@shloimiminkowicz4188]

Great course Brad !! Would you make such a course dynamically with react ? Would love to see some more react projects

[@antonyjosep6787]

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.

[@RameezKhan-yn5zf]

Well Done 👍

[@ericgathinji]

Thank you sir! Really amazing how you just add the classes fast and sure.

[@lycan2494]

Is ur udemy bootstrap 4 course still up to date?

[@TraversyMedia]

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

[@RameshPatwardhan]

Fantastic ... Most of the important things are covered in about 80 minutes!

[@tolkien11]

How about nextjs-bootstrap or react-bootstrap course. Maybe on udemy. What do you say 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!

[@novemberPrincess1109]

Sir, could you pls share the images or starter files. Thank you!

[@TraversyMedia]

I added the GitHub repo and the demo in the description. You can grab them from there :)

[@novemberPrincess1109]

@@TraversyMedia Thanks a lot! Appreciated..