title: Bootstrap navbar collapse into 2 hamburger menus
body: <p>I've been looking and experimenting a lot with bootstrap navbar, but have been unable to get what I am looking for.</p>
  
  <p>On large screens I can make a nice navbar with a lot of content.
  On a medium screen, I want a part of that content to collapse into a "general menu" and the remainder practically unchanged.
  On a small screen I want the remainder to collapse into an other hamburger, or search icon so I am left with two collapsable menus in the top bar.
  I've tried to make a mock-up using images.</p>
  
  <p><a href="http://i.stack.imgur.com/GhE7o.jpg" rel="nofollow">Navbar on large display</a> </p>
  
  <p><a href="http://i.stack.imgur.com/FMgae.jpg" rel="nofollow">Navbar on small display</a></p>
  
  <p>Even better would be if the menus on the small screens would animate from the left, respectively from the right, covering some 70% of the screen width, instead of animating from the top covering 100% width.</p>