html - Bootstrap 下拉菜单子(monad)菜单不起作用

Question

我的 Bootstrap 菜单不显示子菜单下拉列表。这是代码。我正在使用 Bootstrap 3。我认为“下拉子菜单”类应该是显示箭头并在单击时显示子菜单 ul 的类。

<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>

Answer 1

Bootstrap 3.3.5(当前)文档和 Bootstrap 3.3.5 CSS 文件不包含 dropdown-submenu 类的定义。这意味着这个类是多余的，完全不影响代码(当然，如果你没有在自己的CSS中描述它的话)。
这是 JS Fiddle Demo它应该如何工作。

我在Bootstrap 2.3.2 中找到了dropdown-submenu 的定义|但它现在看起来像是被贬低了。
这是 working JS Fiddle Demo with submenus使用 Bootstrap 2.3.2。

但是，我强烈建议不要因为单一功能而使用过时的库。