title: Twitter Bootstrap Navbar with AngularJS - Collapse Not Functioning
body: <p>I am using Angular and Twitter Bootstrap navbar and trying to get the collapse functionality to work.</p>
  
  <p><strong>Partial: program.html</strong></p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-static-top" ng-include="'partials/navbar.html'" ng-controller="NavbarCtrl"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Partial: navbar.html</strong></p>
  
  <pre><code>&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;a class="brand" href="#"&gt;Short Course&lt;/a&gt;
          &lt;div class="nav-collapse collapse"&gt;
              &lt;ul class="nav"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-home icon-white"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="dropdown ng-class: settingsActive;"&gt;
                      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Intro &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a onclick='$("#myModal").modal("show");'&gt;User Info&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#/setup"&gt;Settings&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#/get-started"&gt;Getting started&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li class="dropdown ng-class: programActive;" ng-controller="ProgramCtrl"&gt;
                      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Lessons &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li ng-repeat='o in lessonTypes'&gt;
                              &lt;a href="#/program/{{o.value}}"&gt;{{o.title}}&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#/freeform"&gt;Free Form&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li class="dropdown ng-class: reportsActive;"&gt;
                      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Grades &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Simple Report&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Comprehensive Report&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Current Grade Report&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Final Grade Report&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="nav pull-right"&gt;
                  &lt;li&gt;&lt;a href="#/class"&gt;&lt;i class="icon-upload icon-white"&gt;&lt;/i&gt; Upload/Save&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#/class"&gt;&lt;i class="icon-off icon-white"&gt;&lt;/i&gt; Save/Logout&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!-- /navbar-inner --&gt;
  </code></pre>
  
  <p>The navbar displays perfectly. The dropdowns work great. The Angular functions load the data and mark the specific items as active and populate the models perfectly. The only thing that doesn't work is the responsive collapse feature.  When I resize the screen, the menu items disappear and the icon for the menu appears, but clicking on it does not work.  I am stuck on this and I know it has to be a simple fix, but I just can't figure it out.  Any help would be appreciated!</p>