title: Bootstrap JS and Navbar Button
body: <p>I normally use Ruby on rails to develop my work with sublime text as my text editor, but today I am using just using notepad and creating a site locally. Now normally all my js and css is rendered perfectly via the asset pipeline in rails but I am having trouble getting the js to work, in particular the dropdown button in the navbar.</p>
  
  <p>i am calling Jquery within the header</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And I am calling my bootstrap.js file </p>
  
  <pre><code>&lt;script src="js/bootstrap.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The css for the navbar is as follows </p>
  
  <pre><code> &lt;div class="container"&gt;
    &lt;div class="navbar"&gt;
      &lt;div class="navbar-inner"&gt;
       &lt;div class="container"&gt;
  
    &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&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;/a&gt;
  
  
    &lt;!-- Everything you want hidden at 940px or less, place within here --&gt;
    &lt;div class="nav-collapse"&gt;
      &lt;ul class="nav"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Menu&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p></p>
  
  <p>Am i missing something blindly obvious because the button is not responding?</p>
  
  <p>Any help appreciated</p>