bootstrap子菜单不在本地工作

Question

所以我要做的是在我的主下拉列表中添加子菜单，因为它显示在http://www.bootply.com/3gl49Mdq4p#或子菜单位http://getbootstrap.com/2.3.2/components.html#dropdowns下面我无法弄清楚为什么我的代码不起作用。

当我从下拉列表中悬停“电视”位时，会弹出另一个由“遥控器”，“投影仪”和“平面屏幕”组成的下拉列表，但即使我尝试过这样做也不行它在两个来源都说......

    <div class="navbar navbar-inverse navbar-static-top">
     <div class="container">
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navHeaderCollapse">
           <ul class="nav navbar-nav navbar-center">
              <li class="active"><a href="#">Dropdown Option</a></li>
              <li><a href="#">Dropdown Option</a></li>
              <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle = "dropdown">Products <b class="caret"></b></a>
                 <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-submenu">
                       <a href="#" data-toggle = "dropdown" data-toggle="dropdown">TVs</a>                      
                       <ul class="dropdown-menu">
                          <li><a href="#" class="menu-item">Remote Controls</a></li>
                          <li><a href="#" class="menu-item">Flat Screen</a></li>
                          <li><a href="#" class="menu-item">Projectors</a></li>
                       </ul>
                    </li>                     
                 </ul>
              </li>
           </ul>
        </div>
     </div>
  </div>