Docs
Documentation
Expo
Love
Sponsor
Made with Bulma
Backers
Bulma Brand
Bulma Extensions
Download
Light
Dark
System
Download
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
Smart Grid
Fixed Grid
Grid Cells
Playground
Layout
Container
Hero
Section
Level
Media Object
Footer
CSS Helpers
Color
Color Palette
Spacing
Typography
Visibility
Flexbox
Other
Layout
Design the
structure
of your webpage with these CSS classes
Container
A simple
container
to center your content horizontally
Hero
An imposing
hero banner
to showcase something
Section
A simple container to divide your page into
sections
, like the one you're currently reading
Level
A multi-purpose
horizontal level
, which can contain almost any other element
Media Object
The famous
media object
prevalent in social media interfaces, but useful in any context
Footer
A simple responsive
footer
which can include anything: lists, headings, columns, icons, buttons, etc.