title: Bootstrap vue / Bootstrap side nav toggable
body: <p>Hello I am trying to create a side nav with bootstrap-vue. The navbar should auto-collapse together with the header navbar at the breakpoint class="md". The header navbar works as expexted, but the sidenav does not appear when the window passes the breakpoint, nor does it shrink when passing the breakpoint. The code for the sidebar looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
  &lt;b-nav vertical class="wrapper"&gt;
      &lt;b-collapse is-nav id="nav_collapse"&gt;
        &lt;b-nav-item to="/dashboard"&gt;Dashboard&lt;/b-nav-item&gt;
        &lt;b-nav-item to="/play"&gt;Play&lt;/b-nav-item&gt;
        &lt;b-nav-item to="/houses"&gt;Houses&lt;/b-nav-item&gt;
      &lt;/b-collapse&gt;
  &lt;/b-nav&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
      name: 'Sidebar',
      data: () =&gt; {
          return {
  
          }
      }
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  .wrapper {
      max-width: 100px;
      min-height: 100vh;
      float:left;
      background-color:red;
  }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any idea how to fix this ?</p>