Bootstrap下拉按钮功能异常求助：点击后链接无法展开

问题排查与修复点： #

1. 缺少下拉容器核心类 #

按钮和下拉菜单必须包裹在带有dropdown（或dropup/dropright/dropleft）类的容器中，Bootstrap依赖这个类识别下拉组件的作用范围。

2. 数据属性名称错误 #

Bootstrap 5 将原data-toggle属性更新为data-bs-toggle，旧属性在v5版本中无法触发下拉逻辑。

3. JS文件重复引入导致冲突 #

你同时引入了bootstrap.bundle.min.js（已内置Popper.js）和单独的popper.min.js+bootstrap.min.js，重复加载会引发脚本冲突，只需保留bootstrap.bundle.min.js即可。

修复后的完整代码： #

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
        Dropdown button
    </button>

    <div class="dropdown-menu">
        <a href="#" class="dropdown-item">Link 1</a>
        <a href="#" class="dropdown-item">Link 2</a>
        <a href="#" class="dropdown-item">Link 3</a>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
    crossorigin="anonymous"></script>

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