Bootstrap 5下拉菜单不降低
尝试使用Bootstrap获取下拉菜单在WordPress上工作。但是它没有下降。如果我手动将课程显示到我的下拉菜单div菜单上显示，则按钮只需工作。
脚本被称为：
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
下拉码：
<li id="menu-item-9365" class="has-mega-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-9365" has-megamenu="">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="dropdownMenuLink" role="button">Shop</a>
<div class="dropdown-menu megamenu" role="menu" aria-labelledby="dropdownMenuLink">
<div class="row">
<div class="col-lg-8 col-12">
DROPDOWN MENU ITEMS HERE
</div><!-- end col-4 -->
</div><!-- end row -->
</div> <!-- dropdown-mega-menu.// -->
</li>
Trying to get a dropdown menu to work on Wordpress using Bootstrap. However its not dropping down. If i manually add the class show to my dropdown-menu div the menu shows, the button just dosent work.
Scripts being called:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
Dropdown Code:
<li id="menu-item-9365" class="has-mega-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown nav-item nav-item-9365" has-megamenu="">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" id="dropdownMenuLink" role="button">Shop</a>
<div class="dropdown-menu megamenu" role="menu" aria-labelledby="dropdownMenuLink">
<div class="row">
<div class="col-lg-8 col-12">
DROPDOWN MENU ITEMS HERE
</div><!-- end col-4 -->
</div><!-- end row -->
</div> <!-- dropdown-mega-menu.// -->
</li>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
Bootsraop 5也有同样的问题。
解决方案是使用 wp bootstrap navwalker
I had the same problem with Bootsraop 5.
The solution is to use WP Bootstrap Navwalker