Corepack启用是使用yarn add bootstrap的前提，需先运行corepack enable并重启终端；yarn仅安装文件，CSS/JS需手动导入main.js，且不可混用bootstrap与bootstrap-vue-3。
用 yarn add bootstrap 就够了，但得确认 Corepack 已启用
如果你执行 yarn add bootstrap 报错说命令未找到，不是 Bootstrap 的问题，而是 Yarn 本身没被系统识别。2026 年起，Node.js 官方默认通过 corepack 管理 Yarn（包括 v4+），不再推荐用 npm install -g yarn 全局安装。
先检查是否能用：corepack -h —— 有输出说明已就位yarn -v —— 若报 command not found，运行：corepack enable（Linux/macOS 可能需要 sudo）
之后再装 Bootstrap 才会真正生效。
装完后，CSS 和 JS 不会自动生效
Yarn 只负责把文件放进 node_modules/bootstrap，你得手动引入。Vue 项目里最稳妥的方式是在 main.js（或 main.ts）中显式导入：
import 'bootstrap/dist/css/bootstrap.min.css'import 'bootstrap'
注意两点：
-
bootstrap.min.css是压缩版，开发阶段建议先用bootstrap.css，方便调试样式 - 如果只用 CSS 组件（比如
btn、container），可以不引入 JS；但用了Dropdown、Modal等交互组件，就必须 importbootstrap或其单独模块（如bootstrap/js/dist/modal） - Vue 3 + Vite 项目中，若遇到
$tooltip未定义等错误，大概率是 jQuery 缺失——Bootstrap 5 已移除 jQuery 依赖，别再配jquery，否则反而冲突
别混用 Bootstrap Vue 和原生 Bootstrap
搜索时容易看到 bootstrap-vue 或 bootstrap-vue-3，它们是第三方封装的 Vue 组件库，和直接 yarn add bootstrap 完全不同。后者只提供 CSS 类名和原生 JS 插件，不带 BButton、BModal 这类 Vue 组件。
如果你要的是 class 驱动的响应式布局（比如 col-md-6、text-center），就只装 bootstrap；如果想要声明式 Vue 组件，才考虑 bootstrap-vue-3（注意：它不维护了，且仅适配 Vue 3.2+）。
常见误操作：
- 同时
yarn add bootstrap bootstrap-vue-3→ 样式重复、JS 冲突 - 在
main.js里既import 'bootstrap'又app.use(BootstrapVue)→ 控制台报Bootstrap's JavaScript requires Popper或初始化失败 - 用 Vue CLI 脚手架却跳过
vue add bootstrap-vue步骤，直接手动配 → 插件注册漏掉IconsPlugin导致图标不显示
CDN 方式更轻量，但不适合生产构建
如果只是临时验证效果或做原型，往 public/index.html 里加两行更快：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
但要注意：
- CDN 地址里的版本号（如
@5.3.3）必须和你yarn list bootstrap查到的本地版本一致，否则 class 行为可能不兼容（例如form-control在 v5.3+ 新增了is-valid状态样式） - Vite 或 Webpack 构建时不会分析 HTML 中的 CDN 资源，所以
build后这些链接依然存在，无法离线运行 - 没有 tree-shaking，哪怕只用一个
btn，也加载全部 CSS/JS
真正要进 CI/CD 流程的项目，坚持用 yarn add bootstrap + 显式 import，才是可控的起点。
