Bootstrap3下拉问题

Question

我在我的HTML中有这个，我正在使用bootstrap 3类在另一个下拉列表中进行下拉。

<div class="subnav">
 <ul class="nav-pills">
   <li class="dropdown" style="float: right;">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" >
      <span id="spnUsrName">Welcome, {{usrName}}</span>
    </a>
    <ul class="dropdown-menu pull-right">
     <li class="disabled" ><a href="#">Disabled link 1</a></li>
     <li class="disabled" ><a href="#">Disabled link 2</a></li>
     <li class="divider"></li>
     <li class="dropdown-submenu"><a href="#">Settings</a>
      <ul class="dropdown-menu">
        <li><a href="#">Change Password</a></li></ul>
     </li>
     <li><a href="#" ng-click="UserLogout()">Logout</a></li>
    </ul>
   </li>
 </ul>
</div>

但是，第一个下拉菜单中的'ul'没有显示出来。将显示“设置”选项，但不显示更改密码选项。我哪里出错了。