title: Bootstrap navbar not collapsing
body: <p>I'm getting started with Bootstrap and its navbars.</p>
  
  <p>I'm trying to get its responsive menu working however its not working as expected. The menu in small windows loads expanded and the menu toggle does not work. I have loaded all the necessary dependancies but something still is not quite right.</p>
  
  <p><a href="http://jsfiddle.net/b2bv9noe/2/" rel="nofollow">Fiddle</a></p>
  
  <p>HTML:</p>
  
  <pre><code>        &lt;!-- Static navbar --&gt;
             &lt;div class="navbar navbar-inverse navbar-static-top" role="navigation"&gt;
               &lt;div class="container"&gt;
                 &lt;div class="navbar-header"&gt;
                   &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                     &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="navbar-brand" href="#"&gt;Project name&lt;/a&gt;
                 &lt;/div&gt;
                 &lt;div class="navbar-collapse collapse"&gt;
                   &lt;ul class="nav navbar-nav navbar-right"&gt;
                     &lt;li&gt;&lt;a href="../navbar/"&gt;Default&lt;/a&gt;&lt;/li&gt;
                     &lt;li class="active"&gt;&lt;a href="./"&gt;Static top&lt;/a&gt;&lt;/li&gt;
                     &lt;li&gt;&lt;a href="../navbar-fixed-top/"&gt;Fixed top&lt;/a&gt;&lt;/li&gt;
                   &lt;/ul&gt;
                 &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
               &lt;/div&gt;
  </code></pre>