Html 引导下拉菜单子菜单不工作

我的引导菜单不显示子菜单下拉列表。这是密码。我用的是bootstrap3。我认为“dropdown submenu”类应该是显示箭头并单击show The submenu的类

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Category
    <span class="caret"></span>
  </button>
<ul class="dropdown-menu">
    <li class="dropdown-submenu">
        <a href="/lifestyle/category/arts">Arts</a>
        <ul class="dropdown-menu">
    <li >
        <a href="/lifestyle/category/artist-profiles">Artist Profiles</a>
   </li>
       </ul>
  </li>
   <li >
        <a href="/lifestyle/category/buzz-quiz">Buzz Quiz</a>
    </li>
   <li >
        <a href="/lifestyle/category/coast">Coast</a>
   </li>
   <li class="dropdown-submenu">
        <a href="/lifestyle/category/crime-security">Crime/Security</a>
       <ul class="dropdown-menu">
   <li >
        <a href="/lifestyle/category/rape-resources">Rape Resources</a>
   </li>
    <li >
        <a href="/lifestyle/category/security-overview">Security Overview</a>
  </li>
       </ul>
 </li>
   <li >
        <a href="/lifestyle/category/environment">Environment</a>
   </li>
   <li class="dropdown-submenu">
        <a href="/lifestyle/category/fashion">Fashion</a>
     <ul class="dropdown-menu">
   <li >
        <a href="/lifestyle/category/about-fafa">About FAFA</a>
   </li>
   <li >
      <a href="/lifestyle/category/designers">Designers</a>
   </li>
        </ul>
  </li>
 </ul>
 </div>

类别

Bootstrap 3.3.5（当前）文档和Bootstrap 3.3.5 CSS文件不包含

下拉子菜单

类的定义。 这意味着这个类是多余的，并且根本不会影响代码（当然，如果您没有在自己的CSS中描述它的话）。
下面是它应该如何工作的原理

我在中找到了

下拉子菜单的定义，但现在看来它已经被删除了。

下面是使用Bootstrap 2.3.2的示例

但是，我强烈建议不要使用过时的库，因为只有一个特性。
这是您的全部代码吗？如果是，则缺少切换按钮：我已经包含了整个div