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

Grid

A 2 dimensional layout component

Smart Grid

A smart 2D grid with flexible columns

Fixed Grid

A customizable 2D fixed grid

Grid Cells

Adjust the width and height of each individual cell

Playground

Try out the Bulma 2D Grid

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