In this recipe, we will add a megamenu list of links to a Bootstrap 4 navbar dropdown, using the Yamm3 library. Again, like in the previous recipe, we will have to customize the HTML structure of the provided example in order to make it work in Bootstrap 4.
To get ready for this recipe, take a look at the drop-down component documentation available at https://v4-alpha.getbootstrap.com/components/dropdowns/. Also, refer to the navbar component documentation at https://v4-alpha.getbootstrap.com/components/navbar/. Finally, visit the address for Yamm3 (yet another megamenu for Bootstrap 3), at https://github.com/geedmo/yamm3.
- Open
chapter5/start/main.scss
and comment out all the@import
statements except the one that pertains to this recipe:
@import "./bower_components/bootstrap/scss/bootstrap.scss"; @import "./bower_components/bootstrap/scss/_mixins.scss"; @import "./bower_components/font-awesome/scss/font-awesome...