I’ve been looking for an easy way to implement a side menu that works with Bootstra’s navbar. Here is a great plugin to use!
The trick is to disable Bootstrap’s mobile menu click. You can achieve this by removing the attribute, data-toggle=”collapse” from your button. (I just added a ~tilde to the value like this, data-toggle=”~collapse”, so that I can disable it.) At full view, the Bootstrap navbar drop down menus still work. But the mobile menu will slide out a new menu similar to how a mobile app works.
When the view port is small enough, the Bootstrap mobile menu will appear. And when you click on this, your side menu will appear!
I also added a second button to show how I would toggle another side menu.
Here is a live demo.