Bootstrap 5 Crash Course Tutorial #11 - Accordions

In this Bootstrap tutorial we'll look at one of the new components of Bootstrap 5 - the accordion component.

🐱‍👤 View this course in full now - without ads - on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 HTML & CSS Crash Course:

🐱‍💻 SASS Crash Course:

🐱‍💻 Social Links:

[deldridg]

My dad was great on the accordion. This is my way of carrying on the fine tradition! *boom tish!*

[walkinInstnct]

This is an awesome tutorial to explain bootstrap the easy way! 👍🏼
Good work I appreciate it

[wmblemania]

This is an excellent series, thank you.

[The-Sentinel]

what visual code plugin are you using to short hand type all that html and css classes by using the periods? or the lorem ipsum shortcuts?

[prafulrane]

Need a roadmap video to follow your channel content !!!

[joefairplay]

This is the first part in the series that required JS but you did not mention or install it in the head or footer.

[sankyawsan]

I tried my best but that accordion button doesn't work in this vedio lesson I understood almost all of the code in this lesson I tried 2 days but in vain. please suggest me. where could I wrong?

[wckd]

do you have any idea why mine doesn't work? i've followed the same code. perhaps you could help me. thank you

[hasibulmahfuz]

what can i do if i need more accodian ?

[DejanPavlovic-tuvj]

hahaha total waste space of your mind :) hahaha Thanks Shaun, i really respect you, you are helping me to learn for already 4 full months... Thank you, thank you, thank you

[TheBull]

"you don't need to remember these classes."- Sure bob...

[manishkumarr]

you ask us not to waste our time memorizing these classes, which is pointless, but we are asked to write the code on paper during exams.shit life

[TheBull]

I feel like everyone here just pretends to agree they know what is going on and they really gonna remember all this.

[dontbescaredtohelp]

Does anyone know how to alter the on the tabs or the accordions when they show active. I want to get rid of the blue background color when the accordion is active. If anyone know I would in great gratitude.

[BijouBakson]

This is very useful. I know it's 2 years ago but if you are still having trouble with navigating VSC, use the arrow on the left to close a particular section/paragraph/div/ etc. Thank you very much for your work.

[yasminesellami]

i wrote the same code but when i click on the accordion-button to hide the body it doesn't work!any solution please?

[leandromarquez]

Anyone knows why putting a form inside an accordion breaks it?

[RadeonVector]

10:15 shouldn't aria-controls="chapter-3"? maybe it doesn't matter

[ridl]

But is it a new component !? I mean they just finally started to call it properly (lol) and created separate component section :))

[somnathroy]

Sir My problem is when click on accordion then its show body but its not closed??