Html 引导下拉列表显示在悬停状态…不单击
我有一个引导下拉菜单,它显示在悬停状态,而不是单击。不知道为什么,因为我没有为它添加任何jQuery或JavaScript来实现这一点。引导4.3.1Html 引导下拉列表显示在悬停状态…不单击,html,web,bootstrap-4,Html,Web,Bootstrap 4,我有一个引导下拉菜单,它显示在悬停状态,而不是单击。不知道为什么,因为我没有为它添加任何jQuery或JavaScript来实现这一点。引导4.3.1 <div class="dropdown d-inline"> <button class="btn btn-dark dropdown-toggle" type="button" id="dropdow
<div class="dropdown d-inline">
<button class="btn btn-dark dropdown-toggle"
type="button"
id="dropdownMenuButton2"
data-toggle="dropdown2"
aria-haspopup="true"
aria-expanded="false">
<i class="fa fa-bars fa-1x"></i>
</button>
<div class="dropdown-menu dropdown-menu-left bg-dark" aria-labelledby="dropdownMenuButton2">
<div class="row second_color">
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('profile.main', user_name=current_user.user_name) }}">
<b>View Profile</b>
</a>
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('mysubscriptions') }}">
<b>My Rooms</b>
</a>
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('users.account', user_name=current_user.user_name) }}">
<b>Account</b>
</a>
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('profileedit.viewsavedposts') }}">
<b>Saved Posts</b>
</a>
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('coins.bank') }}">
<img src="{{ url_for('static', filename='favicon-16x16.png') }}" width="20px" height="20px"><b>Tipvote Coins</b>
</a>
<div class="border-dark border-bottom mb-3"></div>
<a class="btn-ee col-12 text-white font-weight-bold mb-3" href="{{ url_for('users.logout', user_name=current_user.user_name) }}">
<b> Logout</b>
</a>
</div>
</div>
</div>
您是否将
popper.js
与JQuery&Bootstrap.js一起附加?使用bootstrap4.3.1
&popper.js
,下拉菜单可以正常工作,因为您可能已经知道许多引导组件需要jQuery&popper.js,包括下拉菜单
您是否将
popper.js
与JQuery&Bootstrap.js一起附加?使用bootstrap4.3.1
&popper.js
,下拉菜单可以正常工作,因为您可能已经知道许多引导组件需要jQuery&popper.js,包括下拉菜单
Popper就是问题所在!波普就是问题所在!