Adding Yamm3 Megamenu list of links to a navbar dropdown

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.

Getting ready

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.

How to do it…

1. 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...