Question

我的Bootstrap菜单没有显示子菜单下拉列表。这是代码。我正在使用Bootstrap 3.＆＃34; dropdown-submenu＆＃34;我认为应该是显示箭头的类，然后单击显示子菜单。

<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的定义，但现在看来它已被删除。
这是带有Bootstrap 2.3.2的working JS Fiddle Demo with submenus。

但是，高度建议不要使用过时的库，因为有一个功能。

Bootstrap下拉菜单子菜单不起作用

1 个答案: