I am using AngularJS 1.3.10 along with Bootstrap 3.3.2 and angular-ui-bootstrap 0.12.0. I am also using the Angular ui-router for routing. It seems like the navbar dropdown does not work in 0.12.0. Dropping back to 0.11.0 works. Here is the code that I am using (partial):
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" ng-controller="searchController">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a ui-sref="dashboard" class="navbar-brand">My Application</a>
</div>
<ul class="nav navbar-nav navbar-right collapse navbar-collapse" collapse="navCollapsed" >
<li ><a ui-sref="dashboard" ng-click="navCollapsed = true"><i class="fa fa-bullseye"></i> Dashboard</a></li>
<li ><a ui-sref="topmenu1" ng-click="navCollapsed = true"><i class="fa fa-list"></i> Top Menu 1</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">Dropdown
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a ui-sref="item1">Item 1</a></li>
<li><a ui-sref="item2">Item 2</a></li>
<li><a ui-sref="item3">Item 3</a></li>
</ul>
</li>
</ul>
</div>
</div>