javascript - Use Offcanvas with Bootstrap 3 Navbar Fixed Top -

javascript - Use Offcanvas with Bootstrap 3 Navbar Fixed Top -

i building site rather big menu, , don't collapsed menu ships bs3. want utilize drawer/off canvas menu, such 1 in bs3's offcanvas js illustration (or other plugin trick - must include back upwards dropdowns), illustration on sidebar menu/nav. how can create work current nav?

here example: http://getbootstrap.com/examples/offcanvas/

i need functionality, applied top menu rather sidebar.

html

<nav id="navbar-main" class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" id="menu-trigger" class="navbar-toggle"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">brand</a> </div> <div id="main-menu" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </nav>

ok, has issue figured out using jasny bootstrap's offcanvas feature.

working example: http://jasny.github.io/bootstrap/examples/navbar-offcanvas/

javascript jquery html css twitter-bootstrap