title: Bootstrap collapse isn't working; hamburger menu not showing up
body: <p>I am making an Angular application, and installed all my libs with Bower. When I check the console, all the sheets/scripts are loading up properly. I also have bootstrap and jQuery defined in my head. I copied the code from Bootstrap's site.</p>
  
  <p>The issue that I'm having is that the hamburger menu never comes up. The links just stay exactly the same as when the screen is big. The other problem is that nothing in the nav-collapse collapse div shows up, even when the site is big. Seems like there is an issue with collapse, which is making both not work. Suggestions?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Jay - Web Developer&lt;/title&gt;
  
      &lt;!-- For Angular Routing --&gt;
      &lt;base href='/'&gt;
  
      &lt;!-- CSS --&gt;
      &lt;link rel="stylesheet" href="assets/libs/bootstrap/dist/css/bootstrap.min.css"&gt;
  
      &lt;!-- JS --&gt;
      &lt;script src="assets/libs/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/libs/angular-route/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/libs/angular-animate/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/libs/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/libs/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  
      &lt;!-- APP --&gt;
      &lt;script src="app/controllers/mainCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="app/app.routes.js"&gt;&lt;/script&gt;
      &lt;script src="app/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="jayPortfolio" ng-controller="mainController as main"&gt;
  
    &lt;!-- NAVBAR --&gt;
    &lt;header&gt;
      &lt;div class="navbar navbar-default"&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;About&lt;/span&gt;
                &lt;span class="icon-bar"&gt;Portfolio&lt;/span&gt;
                &lt;span class="icon-bar"&gt;Experience&lt;/span&gt;
                &lt;span class="icon-bar"&gt;Contact&lt;/span&gt;
              &lt;/a&gt;
  
              &lt;a class="brand" href="#"&gt;JAY&lt;/a&gt;
  
              &lt;div class="nav-collapse collapse"&gt;
                work please
              &lt;/div&gt;
  
            &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>