在下拉菜单中添加下拉列表

Question

我想在包含GRAD和DC的第一个下拉列表中添加下拉菜单或侧边菜单。有人有主意吗？ HTML代码如下：我确实在某处读过你不能这样做的地方？如果你把它放在JSBin中，选择Bootstrap latest来查看结果。

    <div class="nav">
     <h1>ONE STOP SHOP</h1>
     <ul class="nav nav-pills" role="tablist">
     <li class="active"><a href="#">Home</a></li>
     <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Fact Sheets <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">GRAD</a></li>
        <li><a href="#">DC</a></li>
      </ul>
     </li>
      <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      Shared Files <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">GRAD</a></li>
        <li><a href="#">DC</a></li>
        <li><a href="#">RC BAK</a></li>
        <li><a href="#">RC VIS</a></li>
        <li><a href="#">RC NFC</a></li>
        <li><a href="#">RC MER</a></li>
      </ul>
    </li>
  </ul>
</div>