赞助
开始
概述
您只需要 1 个 CSS 文件 即可使用 Bulma
安装
使用一组简单的 变量 创建您自己的主题
替代版本
使用 Bulma 的 预构建 替代版本之一
语法
如何使用 Bulma 组件及其替代样式
模块化
只需导入您需要的内容
响应式
Bulma 是一个 移动优先 框架
迁移到 v1
如何 迁移 到 Bulma v1
特性
CSS 变量
仅使用 CSS 进行自定义
主题
Bulma 如何使用 CSS 变量 设置组件样式
深色模式
Bulma 自带 自动深色模式
颜色调色板
输入 1 种颜色，收到该颜色 数十种 不同的 色调
骨架屏
将几乎任何 Bulma 组件转换为 骨架加载器，或使用预构建的实用程序元素之一
Sass 实用程序
混合宏 (Mixins)
用于自定义元素和其他 CSS 辅助程序的实用程序混合宏
响应式混合宏
允许您为每个屏幕尺寸定义不同样式的混合宏
表单控件混合宏
Bulma 按钮和表单控件的 混合宏
扩展 (Extends)
Sass 扩展使您的 CSS 代码保持 DRY
自定义
概念
是什么使 Bulma 可自定义
使用 Sass
使用 Sass 变量自定义 Bulma
使用模块化 Sass
仅 导入您需要的内容并自定义它
使用 CSS 变量
了解 Bulma 如何使用 Sass 变量 来实现轻松自定义
Sass 变量列表
Bulma 定义的所有 Sass 变量
CSS 库
列 (Columns)
Flexbox 的强大功能，在一个简单的界面中实现
网格 (Grid)
一个 二维 布局组件
元素 (Elements)
只需要一个 CSS 类 的基本界面元素
组件 (Components)
具有多种可能性的高级多部分组件
表单 (Form)
不可或缺的 表单控件，专为最大清晰度而设计
布局 (Layout)
使用这些 CSS 类设计网页的结构
