My goal is to implement a multilevel dropdown using bootstrap 4 and angular 7.
While I successfully created a simple dropdown in the navbar following the official bootstrap documentation, I struggled to make the multilevel dropdown work.
After referring to this Stack Overflow thread, I found a solution for the multilevel dropdown, but it required some jQuery code to function properly.
Is there a native method in bootstrap to create multilevel dropdowns, as I couldn't find any related information in the official documentation?
I've checked my code for any missing scripts or CSS files, but I couldn't pinpoint the issue.
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/popper.js/dist/popper.min.js"
],
Here is the relevant part of my angular.json file for the bootstrap CSS and JS integration.
Any assistance in finding a solution for creating multilevel dropdowns would be greatly appreciated.
https://i.sstatic.net/nei5U.png
I am aiming for a result similar to the one shown in the provided example.