Bootstrap 5 轮播（Carousel）按钮点击失效无响应问题求助

已定位的两个核心问题 #

• 资源版本不匹配：当前引入的CSS为5.0.0-beta2版本，JS为5.0.0-alpha2版本，跨版本的组件事件绑定逻辑不兼容，会直接导致交互失效。
• ID重复导致选择器错误：外层<section>与内层轮播容器<div>均使用id="testimonials"，HTML规范不允许重复ID，此时按钮的data-bs-target="#testimonials"会优先匹配外层section（非轮播组件），无法触发跳转逻辑。

修复步骤 #

1. 统一Bootstrap CSS与JS的版本号，确保两者完全一致。
2. 修改外层<section>的ID为非同名值（例如testimonial-wrap），仅保留内层轮播容器的id="testimonials"，与按钮的data-bs-target指向匹配。
3. 若调整后仍存在异常，可手动通过JS初始化轮播实例，绑定对应轮播容器的ID。

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