Javascript Dropup引导类始终保持活动和显示状态

Javascript Dropup引导类始终保持活动和显示状态,javascript,bootstrap-4,Javascript,Bootstrap 4,下拉项目类仅在使用时可用下拉类,但不在下拉类中使用 单击所有子菜单项后,Dropup不起作用。因为所有的下拉项目在每次单击后都会变为活动状态并显示。 下面给出的问题代码片段和场景图像。 1.第一幅图像:所有子菜单都处于活动状态并显示 2.第二个图像:检查元素 下拉自举 你好1 你好2 你好3 这是Bootstrap 4.0.0中的一个已知问题: 一种解决方法是对“dropdown”元素同时使用dropdown和dropup类 <li class="nav-ite

下拉项目类仅在使用时可用下拉类,但不在下拉类中使用
单击所有子菜单项后,Dropup不起作用。因为所有的下拉项目在每次单击后都会变为活动状态并显示。
下面给出的问题代码片段和场景图像。

1.第一幅图像:所有子菜单都处于活动状态并显示



2.第二个图像:检查元素


下拉自举
你好1 你好2 你好3
这是Bootstrap 4.0.0中的一个已知问题:

一种解决方法是对“dropdown”元素同时使用
dropdown
dropup

  • <li class="nav-item dropdown dropup mt-5">
            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">DropUp</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" data-toggle="tab" href="#hello1">Hello1</a>
                <a class="dropdown-item" data-toggle="tab" href="#hello2">Hello2</a>
                <a class="dropdown-item" data-toggle="tab" href="#hello3">Hello3</a>
            </div>
    </li>