bulma 一个基于 Flexbox 的现代 CSS 框架
Bulma
Bulma 是一个基于 Flexbox 的现代 CSS 的免费开源框架，它提供了可立即使用的前端组件，您可以轻松组合这些组件来构建响应式 Web 界面。
快速安装
Bulma 正在持续开发中！立即试用：
NPM
sh
npm install bulma或
Yarn
sh
yarn add bulmaBower
sh
bower install bulma导入
安装完成后，您可以使用以下代码片段将 CSS 文件导入您的项目：
sh
@import 'bulma/css/bulma.css'CDN
https://www.jsdelivr.com/package/npm/bulma
欢迎提出问题或提交拉取请求。
仅限 CSS
Bulma 是一个 CSS 框架。因此，唯一的输出是一个 CSS 文件：bulma.css
您可以直接使用该文件，也可以下载 Sass 源文件来自定义变量。
Bulma 不包含 JavaScript。人们通常希望使用自己的 JS 实现（通常已经有了）。Bulma 可以被认为是“环境无关”的：它只是逻辑之上的样式层。
浏览器支持
Bulma 使用 autoprefixer 使（大多数）Flexbox 功能与早期版本的浏览器兼容。根据 Can I use，Bulma 与以下浏览器的最新版本兼容：
- Chrome
- Edge
- Firefox
- Opera
- Safari
Internet Explorer (10+) 仅部分支持。
文档
相关项目
| 项目 | 描述 |
|---|---|
| Bulma with Attribute Modules | 添加对基于属性的选择器的支持 |
| Bulma with Rails | 将 Bulma 与 Rails Asset Pipeline 集成 |
| BulmaRazor | 基于 Bulma 和 Blazor 的轻量级组件库。 |
| Vue Admin (已停用) | 由 Bulma 支持的 Vue Admin 框架 |
| Bulmaswatch | Bulma 的免费主题 |
| Goldfish (只读) | Vault UI，包含 Bulma、Golang 和 Vue Admin |
| ember-bulma | Ember 插件，为 Bulma 提供一系列 UI 组件 |
| Bloomer | 一组用于 Bulma 的 React 组件 |
| React-bulma | 用于 Bulma 的 React.js 组件 |
| Buefy | 基于 Bulma 的 Vue.js 轻量级 UI 组件 |
| vue-bulma-components | 语法简单的 Vue.js 的 Bulma 组件 |
| BulmaJS | Bulma 的 JavaScript 集成。使用 ES6 编写，带有 data-* API |
| Bulma-modal-fx | 一组用于 Bulma 的模态窗口效果，带有 CSS 过渡和动画 |
| Bulma Stylus | 最新的 Stylus 1:1 翻译版本 |
| Bulma.styl (只读) | Bulma 0.6.11 的 Stylus 1:1 翻译版本 |
| elm-bulma | Bulma + Elm |
| elm-bulma-classes | 为 Elm 准备的 Bulma 类 |
| Bulma Customizer | Bulma Customizer – 创建你自己的 定制 Bulma 构建 |
| Fulma | 用于 fable-react 的 Bulma 包装器 |
| Laravel Enso | 使用 Bulma、VueJS 和 Laravel 构建的 SPA 管理面板 |
| Django Bulma | 将 Bulma 与 Django 集成 |
| Bulma 模板 | Bulma 免费模板 |
| React Bulma 组件 | 基于 React、Bulma、Typescript 和 Rollup 的组件库 |
版权和许可
代码版权归 2023 Jeremy Thomas 所有。代码根据 MIT 许可证 发布。
关于项目
Bulma 是一个基于 Flexbox 的现代 CSS 框架。Bulma 是一个免费的开源框架，它提供了可立即使用的前端组件，您可以轻松组合这些组件来构建响应式 Web 界面。
MIT
CSS
49,959
3938
580
2016-01-24
2025-06-28