Bootstrap子菜单在悬停之前出现？-Java 学习之路

我有一个网站，我稍微修改了引导导航条，这样它就可以移动，直到它在移动设备上查看然后它是可点击的 . 我刚刚在下拉列表中添加了一个子菜单，由于某种原因，当我将鼠标悬停在父/主导航上时，下拉列表出现，子菜单也会在我悬停在其父元素上之前出现 . 任何人都可以弄清楚为什么会发生这种情况或提供另一种方法来做到这一点？下面是当我滚动主管理员链接并且没有悬停在Page 1-1子菜单上时的样子 . 谢谢！

enter image description here

其中一个菜单项的示例

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Administor</a>
          <ul class="dropdown-menu">
            <li class="dropdown-submenu">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1-1</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Page 1-1</a></li>
                    <li><a href="#">Page 1-2</a></li>
                    <li><a href="#">Page 1-3</a></li>
                </ul>               
            </li>
            <li><a href="#">Submenu 1</a></li>
            <li><a href="#">Submenu 2</a></li>
          </ul>
        </li>
   </ul>
</div></nav>

1 回答

请在css上添加此代码 . 希望它对你有用

@media screen and (min-width: 768px){
    .dropdown:hover > .dropdown-menu{display: block !important;}
}

回复于 2024-04-26T14:04:15+08:00

Bootstrap子菜单在悬停之前出现？

1 回答

相关问题