title: Bootstrap Navigation Drawer not working
body: <p>Am trying to use bootstrap nav drawer(available here: <a href="http://clineamb.github.io/bootstrap-drawer" rel="nofollow noreferrer">http://clineamb.github.io/bootstrap-drawer</a> )
  I tried to work on example.html provided by uploader but was unable to make it work.I know ,I may have committed the mistake somewhere but don't know what went wrong(as am new to this).Please help me out.</p>
  
  <p>The drawer content is hidden but when i try to click on &lt; a> tag (menu),it does nothing.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  ($('.drawer').drawer());      
      &lt;/script&gt;  </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://clineamb.github.io/bootstrap-drawer/dist/css/drawer.js"&gt;&lt;/script&gt;
  &lt;script src="https://clineamb.github.io/bootstrap-drawer/dist/js/drawer.js"&gt;&lt;/script&gt;
  &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;head&gt;
      &lt;!--&lt;script type="text/javascript" src="webjars/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;--&gt;
      &lt;link rel='stylesheet' href='webjars/bootstrap/3.3.5/css/bootstrap.css'&gt;
      &lt;link href="plugins/Drawer/css/bootstrap-drawer.css" rel="stylesheet" type="text/css"/&gt;
      &lt;link href="plugins/Drawer/css/bootstrap-drawer.min.css" rel="stylesheet" type="text/css"/&gt;
      &lt;script type="text/javascript" src="webjars/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="webjars/bootstrap/3.3.5/js/transition.js"&gt;&lt;/script&gt;
      &lt;script src="plugins/Drawer/js/drawer.js" type="text/javascript"&gt;&lt;/script&gt;
       
      &lt;link href="plugins/Drawer/example/bootstrap.min.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="plugins/Drawer/example/highlight.pack.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body class="has-drawer"&gt; &lt;!-- add this class to your body for proper sizing --&gt;
      &lt;div id="drawerExample" class="drawer dw-xs-10 dw-sm-6 dw-md-4 fold" aria-labelledby="drawerExample"&gt;
          &lt;div class="drawer-controls"&gt;
              &lt;a  data-toggle="drawer" aria-foldedopen="false" aria-controls="drawerExample" class="btn btn-primary btn-sm"&gt;Menu&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="drawer-contents"&gt;
              &lt;div class="drawer-heading"&gt;
                  &lt;h2 class="drawer-title"&gt;Menu&lt;/h2&gt;
              &lt;/div&gt;
              &lt;div class="drawer-body"&gt;
                  &lt;p&gt;
                      This is a properly padded container for content in the
                      drawer that isn't a navigation.
                  &lt;/p&gt;
                  &lt;a href="#"&gt;A Regular Link&lt;/a&gt;
              &lt;/div&gt;
              &lt;ul class="drawer-nav"&gt;
                  &lt;li role="presentation" class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#"&gt;Messages&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="drawer-footer"&gt;
                  &lt;small&gt;&amp;copy; Caroline Amaba&lt;/small&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container"&gt;
          &lt;!-- content as per usual --&gt;
      &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/iGSD4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iGSD4.png" alt="enter image description here"></a></p>