Angular: Empty Fiddle

http://angularjs.org/

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="http://code.angularjs.org/1.2.9/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
<br>
<br>
<br>

<nav id="navbar-example" class="navbar navbar-inverse navbar-static" role="navigation" ng-controller="NavBarCtrl">
      <div class="container-fluid">
        <div class="navbar-header">
          <button class="navbar-toggle" type="button" ng-click="isCollapsed = !isCollapsed">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">NWE</a>
        </div>
        <div collapse="isCollapsed" class="navbar-collapse bs-js-navbar-collapse">
              <ul class="nav navbar-nav navbar-right">
            <li><a ui-sref="profile" ui-sref-active="navbar-active">profile</a></li>
            <li><a ui-sref="reports" ui-sref-active="navbar-active">reports</a></li>
            <li><a ui-sref="about" ui-sref-active="navbar-active">about</a></li>
          </ul>          
        </div><!-- /.nav-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

JavaScript

var myApp = angular.module('myApp', ['ui.bootstrap']);

function NavBarCtrl($scope) {
    $scope.isCollapsed = true;
}