Bootstrap 5 Modal 不弹出，通常是因为缺少必需的 JavaScript 依赖（尤其是 bootstrap.bundle.min.js），该文件已内置 Popper，无需单独引入。本文详解正确引入方式、关键配置及调试要点。

bootstrap 5 modal 不弹出，通常是因为缺少必需的 javascript 依赖（尤其是 `bootstrap.bundle.min.js`，该文件已内置 popper，无需单独引入）。本文详解正确引入方式、关键配置及调试要点。

在 Bootstrap 5 中，所有交互式组件（如 Modal、Dropdown、Tooltip 等）均依赖 JavaScript 运行，仅引入 CSS 文件是不够的。你提供的代码中缺失了 Bootstrap 的 JavaScript 文件——这是导致“Contact Us”按钮点击后模态框无法打开的最根本原因。

✅ 正确引入方式：优先使用 bootstrap.bundle.min.js

Bootstrap 官方推荐使用 bootstrap.bundle.min.js（而非分开引入 bootstrap.min.js + popper.min.js），因为它已将 Popper v2 内置其中，避免版本冲突与加载顺序问题：

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载

<!-- 在 </body> 标签前引入 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

⚠️ 注意：bootstrap.bundle.min.js 必须放在 HTML 文档底部（