文档视频发现粉丝 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.

元素(Elements)

Essential interface elements that only require a single CSS class

Block

Bulma's most basic spacer block

Box

A white box to contain other elements

Button

The classic button, in different colors, sizes, and states

Content

A single class to handle WYSIWYG generated content, where only HTML tags are available

Delete

A versatile delete cross

Icon

Compatible with all icon font libraries, including Font Awesome 5

Image

A container for responsive images

Notification

Bold notification blocks, to alert your users of something

Progress bars

Native HTML progress bars

Table

The inevitable HTML table, with special case cells

Tag

Small tag labels to insert anywhere

Title

Simple headings to add depth to your page

本页目录

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