赞助商
开始
Overview
You only need 1 CSS file to use Bulma
Installation
Create your own theme with a simple set of variables
Alternative Versions
Use one of the pre-built alternative versions of Bulma
Syntax
How to use Bulma components and their alternative styles
Modularity
Just import what you need
Responsiveness
Bulma is a mobile-first framework
Migrating to v1
How to migrate to Bulma v1
特性
CSS 变量
仅使用 CSS 进行自定义
主题
Bulma 如何使用 CSS 变量为其组件设置样式
暗黑模式
Bulma 带有 自动暗黑模式
调色板
输入 1 种颜色，接收 多种不同 色调
骨架
将几乎任何 Bulma 组件转换为 骨架加载器，或使用预构建的实用元素之一
Sass 实用程序
混合
用于自定义元素和其他 CSS 帮助程序的实用混合
响应式混合
允许你为每个屏幕尺寸定义不同样式的混合
表单控件混合
用于 Bulma 按钮和表单控件的混合
扩展
Sass 扩展，让你的CSS 代码保持 DRY
自定义
概念
让 Bulma 可自定义的原因
使用 Sass
使用 Sass 变量自定义 Bulma
使用模块化 Sass
仅导入你需要的部分并自定义它
使用 CSS 变量
了解 Bulma 如何使用Sass 变量来实现轻松自定义
Sass 变量列表
Bulma 定义的所有Sass变量
CSS 库
列
Flexbox 在简单界面中的强大功能
网格
2 维布局组件
元素
只需一个 单个 CSS 类 的基本界面元素
组件
具有多种可能性的高级多部分组件
表单
必不可少的 表单控件，专为最大程度的清晰度而设计
布局
使用这些 CSS 类设计网页的 结构
辅助工具
Color
Change the color of the text and/or background
Color Palette
Use a color's palette as text color and/or background
Spacing
Change the size and color of the text for one or multiple viewport width
Typography
Change the size, weight, and other font properties of the text
Visibility
Show/hide content depending on the width of the viewport
Flexbox
Helpers for all Flexbox properties
Other
Other useful Bulma helpers