Off canvas menu

It would just be awesome if I would be able to add a 2nd menu that is off canvas in the toolbar, see http://www.jasny.net/bootstrap/javascript/#offcanvas

I've downloaded the .js files which are in the sites/all/themes/tweme/js folder. Adding the following code to page.tpl:

<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
  <a class="navmenu-brand" href="#">Brand</a>
  <ul class="nav navmenu-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
  </ul>
</nav>
<div class="navbar navbar-default navbar-fixed-top">
  <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
</div>

but guessing need to include the call to the js in the tweme.info file and maybe page.tpl?

Most most appreciate any assistance :)