ASP.NET Core MVC中Bootstrap下拉菜单点击无显示问题

你的下拉菜单点击无响应，核心原因是Bootstrap版本属性不匹配：代码里导航栏折叠按钮用的是Bootstrap 5的data-bs-toggle语法，但下拉触发按钮仍使用旧版的data-toggle，导致JS无法识别触发指令。

修复步骤 #

把下拉按钮的data-toggle="dropdown"替换为Bootstrap 5要求的data-bs-toggle="dropdown"即可。

修复后的下拉菜单代码 #

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Management
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item" asp-controller="Cinema" asp-action="index"><i class="bg-info bi-camera-reels"></i>Cinemas</a>
        <a class="dropdown-item" asp-controller="Producer" asp-action="index"><i class="bg-info bi-camera-reels"></i>Producers</a>
        <a class="dropdown-item" asp-controller="Actors" asp-action="index"><i class="bg-info bi-camera-reels"></i>Actors</a>
    </div>
</li>

额外检查项 #

1. 确认引入的bootstrap.min.css和bootstrap.min.js是同一大版本（均为5.x），避免版本冲突
2. 打开浏览器控制台查看是否有JS报错，若存在资源加载失败情况，检查文件路径是否正确
3. Bootstrap 5已移除对jQuery的依赖，你当前引入的jQuery不会造成冲突，但可以考虑移除以精简代码

内容的提问来源于stack exchange，提问作者Ashwin Gholkar