title: Bootstrap JavaScript not working
body: <p>My toggle javascript buttons worked initially - however I have now found that my toggle button including navbar collapsing toggle and accordion panels.
  I have included my header and footer. From what I have researched I cant see why it has stopped working.
  Any help would be appreciated.</p>
  
  <p>Header:
      
      
        
          
          
          
          
          WEBSITE TITLE</p>
  
  <pre><code>    &lt;!-- Bootstrap --&gt;
      &lt;link href="style/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;!--load font awesome--&gt;
      &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
  
      &lt;![endif]--&gt;
    &lt;/head&gt;
  </code></pre>
  
  <p>Footer:</p>
  
  <pre><code> &lt;footer&gt;
  &lt;div class="container"&gt;
          &lt;p&gt;&amp;copy; Company 2015&lt;/p&gt;
        &lt;/footer&gt;
      &lt;/div&gt; &lt;!-- /container --&gt;
  &lt;/div&gt;
    &lt;/body&gt;
  
   &lt;!-- Bootstrap core JavaScript
      ================================================== --&gt;
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="../../dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
      &lt;script src="../../assets/js/ie10-viewport-bug-workaround.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>