文档视频发现粉丝 Backers Extensions 博客 Brand Start Badge

Fans of Bulma around the world

Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions

Side projects to enhance Bulma

Stay updated with new features

The official Bulma logos

Bulma start

开始使用Bulma的最小npm包

Made with Bulma

The official community badge

Coming from Bootstrap

See how Bulma is an alternative to Bootstrap

文档视频发现粉丝 Backers Extensions 博客 Brand Start Badge

Fans of Bulma around the world

Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions

Side projects to enhance Bulma

Stay updated with new features

The official Bulma logos

Bulma start

开始使用Bulma的最小npm包

Made with Bulma

The official community badge

Coming from Bootstrap

See how Bulma is an alternative to Bootstrap

f

Guides

概述

开始使用
CSS 类库
修饰器语法
模块化
响应式
颜色

自定义

基础概念
变量
使用 node-sass
使用Sass CLI
使用 webpack

Utilities

Mixins
Responsive mixins
Form Control mixins
Functions
Extends

CSS Library

列(Columns)

基础
尺寸
响应式列
嵌套
列间隙
选项

Elements

Block
Box
Button
Content
Delete
Icon
Image
Notification
Progress bars
Table
Tag
Title

Components

Breadcrumb
Card
Dropdown
Menu
Message
Modal
Navbar
Pagination
Panel
Tabs

表单(Form)

通用控件
Input
Textarea
Select
Checkbox
Radio
File

布局(Layout)

容器
Level
媒体对象
Hero
节(Section)
页脚(Footer)
Tiles

Helpers

Color
Spacing
Typography
Visibility
Flexbox
Other

There are no results.

Utilities

Sass tools used by Bulma and available for you

Mixins

Utility mixins for custom elements and other CSS helpers

Responsive mixins

Mixins that allows you to define different styles for each screen size

Form Control mixins

Mixins for Bulma's buttons and form controls

Functions

Utility functions to calculate colors and other values

Extends

Sass extends to keep your CSS code DRY

本页目录

Bulma by Jeremy Thomas.

Source code licensed MIT.
Website content licensed CC BY-NC-SA 4.0

Contribute on GitHub

Share on social media

Tweet

The Bulma block

New feature: Icon Text

Light/Dark colors, better look, larger controls

Automatic variables docs

Expo Official Bulma showcase

Love Fans of Bulma around the world

Backers Everyone who is supporting Bulma via Patreon and GitHub

Bulma extensions Side projects to enhance Bulma

Blog Stay updated with new features

Brand The official Bulma logos

Bulma start 开始使用Bulma的最小npm包

Made with Bulma The official community badge

Coming from Bootstrap See how Bulma is an alternative to Bootstrap