Angular: Empty Fiddle

http://angularjs.org/

HTML

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

<div class="navbar navbar-inverse" ng-controller="NavBarCtrl">
    <div class="navbar-inner">
        <div class="container">
            <button class="btn btn-navbar" ng-click="isCollapsed = !isCollapsed"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="brand" href="#">Short Course</a>

            <div class="nav-collapse" collapse="isCollapsed">
                <ul class="nav">
                    <li><a href="#"><i class="icon-home icon-white"></i> Home</a>
                    </li>
                    <li><a href="#">Lessons</a>
                    </li>
                    <li><a href="#">Grades</a>

                    </li>
                </ul>
                <ul class="nav pull-right">
                    <li><a href="#/class"><i class="icon-upload icon-white"></i> Upload/Save</a>
                    </li>
                    <li><a href="#/class"><i class="icon-off icon-white"></i> Save/Logout</a>
                    </li>
                </ul>
            </div>
            <!-- /.nav-collapse -->
        </div>
    </div>
    <!-- /navbar-inner -->
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

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