Bootstrap 5 Multi Level Dropdown Submenu

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Email newsletter (React + Next.js course out soon!): email.bytegrad.com
💻 Premium Courses:
Professional JavaScript: bytegrad.com/courses/professi...
Professional CSS: bytegrad.com/courses/professi...
All courses: bytegrad.com/courses
🔔 Email newsletter (get new course alerts): email.bytegrad.com
0:00 Overview
1:26 Adding submenu
#bootstrap5 #bootstrap #bootstraptutorial #webdevelopment #coding #programming

[@ByteGrad]

Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

[@rosespring3886]

The code is not working for me

[@briangreenberg153]

First time watching your videos. Have to say you solved what I was trying to do and explained it very clearly. I'm now your newest subscriber! Keep up the good work!

[@Ithicuss]

Wonderful tutorial. Amazing how you integrate your code seamlessly with Bootstrap itself. Just a sidenote, I used the left aligned Navbar so for me the arrow on the submenu had to be adjusted with ::after instead of ::before. Other than that it worked perfectly.

[@josales3570]

Perfect. Your video helped me a lot. Thank you.

[@AllenMarsam]

Thanks! Solving my problems.

[@catalinaperez5993]

Thank you, it was easier than I thought ☺💚

[@crachina]

An intuitive and useful material. Thank you

[@edwingonzalez9874]

Thank you, an excellent explanation. I wold like add active class for selected items and the href attribute for main dropdown items does not work. Thank you again.

[@xhuszero]

thanks, is the best explanation i've found.

[@ExecutorGaming00jit]

thnks was searching for this type since 5 days before

[@liankokkeong9752]

Thank you for helped me solve my issue.
I'm missing out the data-bs-auto-close="outside" in mobile view and it keep hide the entire menu when clicking on submenu. 👍

[@ShivamShokeen-br1cc]

Thank you, It helps a lot :)

[@PauPauApple]

first of all, thank you :D.
But to me, clicking on the last "dropdown-item" does not automatically close the first dropdown-menu, help :c

[@ezebado]

Thank you! you save me :)

[@raachmhamed2233]

great man

[@jrxsabre6419]

May I ask you. If I would like to make 3 level, Do I have to do the same thing? thanks

[@ByteGrad]

You should be able to keep nesting them

[@hypertexthero]

@@ByteGrad FYI nesting doesn’t seem to work, with the current level being closed when clicking on a SubSubmenu, instead of opening the SubSubmenu.
Likely my own ignorance and I’m digging into the documentation to better understand how data toggles work, but thought I’d let you know!
Thanks for the clear tutorial!

[@Raptormonkey]

stupid question. I am making a project with bootstrap 4. Im guessing it doesn't work at all

[@allayornasriddinov4256]

THANK

[@allayornasriddinov4256]

THANK