Accordion in Bootstrap 5 (with dark mode)
HTML-код
- Опубликовано: 6 фев 2025
- The accordion by default is fairly straightforward, but fairly dull to look at. Here's how to implement the Accordion in Bootstrap 5 and to make it look really good.
Purchase & Download the source code:
adwc.dev/produ...
- - - - -
⤵ Download ALL of my source codes & more!
Introducing ADWC PRO
pro.adesignerw...
ADWC Pro provides you with:
• Access to all the source codes for ALL projects
• Bootstrap Bootstrap online course (retail $79) w/ supplied source code
• All future online courses (Gatsby v5 course coming soon)
• Updates of ADWC and the web dev business
• and more!
Price:
Just $6/mo. or $49/year (32% off monthly)
-------
Got a question for me?
adesignerwhoco...
Brilliant video and as always, so well explained! Thank you!
Thank you! It really helpful!
It is quite helpful!
this was very helpful, thanks so much. for some reason, the changes I made in the classes only worked when I used !important , which I don't entirely understand yet, but it worked :)
Make sure your custom css comes after the bootstrap css in the head section.
@@haydn-co you're absolutely right, of course! such a rookie mistake - because I am indeed a rookie, I'm a self-taught coder taking her very first steps into web dev. as such, your videos are much appreciated, they've been a great help! thanks also for taking the time to answer to my comment :)
Oh I've made plenty of "rookie" mistakes throughout my time coding. I just recorded a video yesterday where I misspelled a class name and wondered why it didn't work (and left it in the video). That's how we learn. By making mistakes. We analyze, scratch our heads, and eventually figure it out. Stoked you got it working! You're so welcome.
@@haydn-co funny how we take mistakes so personally when we're fresh into a new skill or activity, and then, as we get more experienced, they kinda stop affecting us that much. may we all just shrug them off and learn from them as much as possible :)
hey !important fixed my issue
the order of my stylesheets appear to be correct, but my react project's components are probably loading styles in an unexpected order
thanks for sharing!
Appreciate this video! Thank you so much!
that's help me, thank you, nice video
Excellent video, I am so grateful
You're welcome Sara. Happy to help!
Thank you, my problem is already solved 👍👍👍🥰
Awesome!
It's very useful! Thanks!
Huge Huge thanks to you...❤️..please bring more content on react-boostrap too.. lot of people adding it to project 🔥🔥
More coming! Go back and forth between React Bootstrap and Vanilla Bootstrap. The great part is that Vanilla works fine within React Bootstrap.
not found in my email
How can I make it wholly dark mode?
With CSS.
hi! how do u get the accordion collapse smoother? cause I have tried everything and nothing works :(
You could set an ease in/ease out in CSS.
My accordion opens but doesnt closeee what is the problem pls?