只想要干净 CSS 不想带 JS：Bulma 基于 Flexbox，类名像人话

有些项目只是做个静态页或者简单展示，根本不需要下拉、弹窗这类交互，更不想为样式再引入一套 JavaScript。Bulma 就是为这种场景设计的：它是一套纯 CSS 框架，零 JavaScript，所有效果靠类名在 Flexbox 上实现。

它解决什么问题

静态站、文档、落地页这类几乎没交互的页面，引入带 JS 的框架属于杀鸡用牛刀，反而增加加载负担。

Bulma 用 is-primary、has-text-centered 这种接近自然语言的类名，靠 Flexbox 排版，写起来直观、易读。

核心能力

没有 JS 意味着什么边界

Bulma 只负责样式，不提供模态框、下拉菜单、标签页这类需要脚本的交互。如果你的页面有这类需求，得自己写少量 JavaScript 或用别的库补齐。

它稳定、简单，适合静态站和不想要 JS 依赖的项目；但近年社区热度已被 Tailwind 生态盖过，长期看新特性不会太多，选型时要有这个预期，别指望它追上头部框架的节奏。

同类工具怎么选

谁适合用

• 做静态站、文档页、落地页、不想引入 JS 的人
• 偏好可读类名、想快速上手 CSS 框架的新人
• 需要极简轻量底座、交互自己另写的项目

怎么开始

1. 在 bulma.io 下载编译好的 CSS，或用 npm 安装 bulma。
2. 在 HTML 里引入 bulma.min.css 即可开始使用。
3. 给元素加 is-primary、is-flex 等修饰类控制样式与布局。
4. 用 columns / column 类搭响应式栅格。
5. 想定制就拉 Sass 源码，改 $primary 等变量后重新编译。

常见问题

Bulma 能做弹窗下拉吗？
不行，它不含 JavaScript，这类交互要自己写脚本或用独立 JS 库实现。

和 Bootstrap 比差在哪？
Bootstrap 带成品 JS 组件但体积更大；Bulma 纯 CSS 更轻，代价是交互得自己补。

现在还值得学吗？
适合轻量静态项目；若需要丰富交互或长期维护，Tailwind 等生态更活跃。

授权与合规

Bulma 采用 MIT 授权，个人与商业项目均可免费使用、修改和再分发，只需保留版权声明，商用无限制。 官网：bulma.io。