Docs Documentation Expo Love Sponsor

Made with Bulma Backers Bulma Brand Bulma Extensions

Start Here

Overview
Installation
Alternative Versions
Syntax
Modularity
Responsiveness
Migrating to v1

Features

CSS Variables
Themes
Dark Mode
Color Palettes
Skeletons

Sass Tools

Mixins
Responsive mixins
Form Control mixins
Extends

Customization

Concepts
With Sass
With Modular Sass
With CSS Variables
List of Sass variables

CSS Library

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
- General
- Input
- Textarea
- Select
- Checkbox
- Radio
- File
Columns
- Basics
- Sizes
- Responsiveness
- Nesting
- Gap
- Options
Grid
Layout
- Container
- Hero
- Section
- Level
- Media Object
- Footer

CSS Helpers

Color
Color Palette
Spacing
Typography
Visibility
Flexbox
Other

Columns

The power of Flexbox in a simple interface

Basics

A simple way to build responsive columns

Sizes

Define the size of each column individually

Responsiveness

Handle different column layouts for each breakpoint

Nesting

A simple way to build responsive columns

Gap

Customize the gap between the columns

Options

Design different types of column layouts

Bulma by Jeremy Thomas.

Contribute on GitHub

Share on social media

Twitter Facebook

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