选 bootstrap 5。项目需3天内上线管理后台，bootstrap 5 提供开箱即用的完整组件和交互功能，npm 安装后引入 css 和 js 即可快速渲染可用界面，适合内部系统、crm 原型等快速交付场景。
Tailwind CSS 更适合中大型项目或需要强定制能力的团队；Bootstrap 5 更适合快速交付、功能完整但视觉风格可接受标准化的小型项目或内部工具。
项目刚启动，3天内要上线管理后台，选哪个？
选 Bootstrap 5。它自带完整的组件体系（navbar、modal、table、表单控件等），CSS 和 JS 脚本开箱即用，npm install bootstrap 后引入 bootstrap.min.css 和 bootstrap.bundle.min.js 就能渲染出可用界面。
常见错误是只引入 CSS 忘了 JS —— 导致 dropdown、collapse 等交互失效，控制台报 TypeError: Bootstrap's JavaScript requires Popper 或直接无响应。
使用场景明确：内部运营系统、CRM 原型、客户临时验收 demo。别纠结主题色——直接改 $primary 变量再编译，比 Tailwind 的 @layer components 上手快得多。
团队有 5+ 前端，要长期维护 SaaS 产品，且设计系统已定稿
选 Tailwind CSS。它的原子类本质让 UI 一致性靠约束而非文档维系，比如所有按钮都必须用 class="px-4 py-2 rounded font-medium" 开头，设计师改一个间距值，tailwind.config.js 里调 spacing 就全局生效。
容易踩的坑：
- 没配
content路径导致生产环境样式丢失（purge已废弃，必须用content: ["./src/**/*.{js,jsx,ts,tsx}"]） - 滥用
@apply写出和 Bootstrap 一样难维护的“封装类”，反而失去原子性优势 - 忽略
darkMode: "class"配置，导致暗色模式需 JS 切换 class，破坏 SSR 友好性
性能上，未 purge 的开发包体积比 Bootstrap 大，但生产构建后通常更小（尤其当只用其中 30% 组件时）。
想复用现成模板，又怕后期改不动
Bootstrap 5 的官方模板（如 dashkit、tabler）基于预设 class 结构，改颜色还行，动布局结构常要重写 CSS；Tailwind 模板（如 meraki-ui、preline）本质是 class 组合示例，复制粘贴后删减类即可适配，但要求开发者理解每条 class 的作用（比如 md:col-span-2 是媒体查询 + 网格列数，不是 magic 字符串）。
关键差异在可预测性：Bootstrap 改一个 .btn-lg 类，行为确定；Tailwind 中若自定义了 text-h2 这种 class，却没在 theme.extend.fontSize 里声明，就可能在某次升级后失效。
真正卡住决策的往往不是技术指标，而是团队对“样式即代码”的接受度——Tailwind 要求把视觉逻辑写进 JSX/TSX，Bootstrap 允许把样式和结构分层。如果设计师习惯给 Sketch 标注 margin-top: 16px，而不是 mt-4，那初期成本差距会比你预估的大得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
