title: Jasny Bootstrap Off Canvas 'Reveal' Method - Troubleshooting
body: <p>Have managed to get the Jasny Bootstrap <code>off canvas</code> component to work. It has a few different responsive settings, though defaults into the 'push' option: (<a href="http://jasny.github.io/bootstrap/examples/navmenu-push/" rel="nofollow">http://jasny.github.io/bootstrap/examples/navmenu-push/</a>).</p>
  
  <p>I'd like to enable the 'reveal' option instead and have been using the following snippet of code (directly from the Jasny BS site) as an example:</p>
  
  <pre><code>&lt;nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left" role="navigation"&gt;
    &lt;div id="targetDiv"&gt;
      Content
    &lt;/div&gt;
  &lt;/nav&gt;
  &lt;div class="navbar navbar-default navbar-fixed-top"&gt;
    &lt;button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="#targetDiv"&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;span class="icon-bar"&gt;&lt;/span&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As the instructions state on the 'reveal' page (<a href="http://jasny.github.io/bootstrap/examples/navmenu-reveal/" rel="nofollow">http://jasny.github.io/bootstrap/examples/navmenu-reveal/</a>), I have:</p>
  
  <p>1) Wrapped the content in a div (<code>targetDiv</code> above), and then set the canvas option (which I believe is <code>data-canvas</code>) to equal that div; i.e. <code>data-canvas="#targetDiv"</code>. </p>
  
  <p>2) Removed the <code>offcanvas</code> class from the <code>myNavmenu</code> nav and set its z-indez to 0 via less.</p>
  
  <p>What I get does not behave like the example: <a href="http://jasny.github.io/bootstrap/examples/navmenu-reveal" rel="nofollow">http://jasny.github.io/bootstrap/examples/navmenu-reveal</a>. What am I doing incorrectly?</p>