bootstrap 5 落地页需引入 bootstrap.bundle.min.js(含 popper)才能启用折叠菜单、轮播图等交互功能;首屏 hero 应用 container-fluid 避免 padding 挤压;col-6 在小屏仍单列,需配合 col-sm-6 等响应式类实现始终两列。

Bootstrap 5 落地页不加 bootstrap.bundle.min.js 就动不了
很多刚拖完 Bootstrap 组件发现按钮没反应、导航栏点不开,核心就是漏了 JS 文件。CDN 引入时只加了 bootstrap.min.css,但折叠菜单、轮播图、模态框这些全依赖 bootstrap.bundle.min.js(含 Popper)。单独引 bootstrap.min.js 也不行——它不带 Popper,下拉和 Tooltip 直接报 TypeError: Popper is not a constructor。
实操建议:
- 优先用
bootstrap.bundle.min.js,一行搞定依赖 - 如果已用其他 Popper 版本,才考虑
bootstrap.min.js+ 手动配 Popper,否则纯增复杂度 - JS 必须放在











