New! My 44-page ebook "CSS in 44 minutes" is out! 😃
Get it now →
Documentation
Everything you need to create a website with Bulma
Hero
An imposing hero banner to showcase something
Colors
As with buttons, you can choose one of the 7 different colors:
Primary title
Primary subtitle
Success title
Success subtitle
Warning title
Warning subtitle
Danger title
Danger subtitle
Light title
Light subtitle
Gradients
Experimental
By adding the is-bold
modifier, you can generate a subtle gradient
Primary bold title
Primary bold subtitle
Info bold title
Info bold subtitle
Success bold title
Success bold subtitle
Warning bold title
Warning bold subtitle
Danger bold title
Danger bold subtitle
Light bold title
Light bold subtitle
Dark bold title
Dark bold subtitle
Sizes
You can have even more imposing banners by using one of 3 different sizes
Medium title
Medium subtitle
Large title
Large subtitle
Full Height title
Full Height subtitle
Full height hero
And vertically centered
You can split the hero in 3 vertical parts:
-
hero
hero-head
(always at the top)
hero-body
(always vertically centered)
hero-foot
(always at the bottom)
Bulma Partners
Check out their products!
Bulma Newsletter
Get notified when v1 is ready!