下面三个页面内容完全一样：导航栏、首屏、三列卡片、表单、页脚，一个字都不差。 区别只有一个 —— 用谁写的。全部用各框架的默认主题色，没有额外美化，所以这就是它们的「出厂长相」。
数字是从这个页面实际下载的 CSS，压缩传输后的大小（gzip）。 未压缩：Bootstrap 232 KB、Bulma 678 KB、Tailwind 15.6 KB。 Tailwind 没有现成组件，只生成你用到的类，所以小两个数量级。
| Bootstrap | Bulma | Tailwind | |
|---|---|---|---|
| 写法 | 套组件类 .btn .card | 套组件类 .button .card | 拼原子类 px-4 rounded-full |
| 自带 JS | 有（下拉、弹窗、轮播） | 没有，纯 CSS | 没有，要自己写 |
| 默认长相 | 蓝色 · 小圆角 · 企业风 | 青绿 · 舒服留白 · 偏文艺 | 什么都没有，全靠你 |
| 上手难度 | 最低 | 低 | 中等（得懂 CSS） |
| 改成自己的样子 | 中等，要覆盖变量 | 容易，改 CSS 变量 | 容易，但设计得自己想 |
| 体积 | 31 KB | 66 KB | 3.8 KB |
| 适合 | 快速搭原型、后台管理 | 想清爽又能随手改的中小站 | 有独特设计要求的项目 |
怎么选
· 只想快点把东西做出来 → Bootstrap，照抄例子就能用。
· 不想跟 Bootstrap 长得一样，又要现成组件 → Bulma，几乎无缝换过去，代码更干净。
· 想做出没有「模板味」的页面（比如你的博客、猫站那种） → Tailwind，但设计得自己拿主意。
一句话：Bootstrap 是买成品家具，Bulma 是买半成品家具，Tailwind 是买木料和钉子。