Bulma Reference

Docs GitHub

h1

.title

.subtitle

.title.is-1

.title.is-2

.title.is-3

.title.is-4

.title.is-5
.title.is-6

p

p.content

p.content.is-small

p.content.is-medium

p.content.is-large

a a.button a.button.is-small a.button.is-medium a.button.is-large
a.button.is-white a.button.is-light a.button.is-dark a.button.is-black a.button.is-link
a.button.is-primary a.button.is-info a.button.is-success a.button.is-warning a.button.is-danger
a.button.is-primary.is-outlined a.button.is-info.is-outlined a.button.is-success.is-outlined a.button.is-warning.is-outlined a.button.is-danger.is-outlined
a.button.is-primary.is-inverted a.button.is-info.is-inverted a.button.is-success.is-inverted a.button.is-warning.is-inverted a.button.is-danger.is-inverted
a.button.is-hovered a.button.is-focused a.button.is-active a.button.is-loading a.button disabled

.box

!@#$%^&*()_+

.notification
.notification.is-primary
.notification.is-info
.notification.is-success
.notification.is-warning
.notification.is-danger
span.tag span.tag.is-medium span.tag.is-large
span.tag span.tag.is-black span.tag.is-dark span.tag.is-light span.tag.is-white span.tag.is-primary span.tag.is-info span.tag.is-success span.tag.is-warning span.tag.is-danger
.is-small .is-medium .is-large
.message-header
.message-body
.message-header
.message-body
.message-header
.message-body
.message-header
.message-body
.message-header
.message-body
.message-header
.message-body

Hero Title

Hero SubTitle

Hero Title

Hero SubTitle

Hero Title

Hero SubTitle

Hero Title

Hero SubTitle

Hero Title

Hero SubTitle

Hero Title

Hero SubTitle

.card

.card-content

a.button.is-info

a.button.is-info

table.table table.table
table.table table.table
table.table.is-striped table.table.is-striped
table.table.is-striped table.table.is-striped
table.table.is-striped table.table.is-striped
table.table.is-bordered table.table.is-bordered
table.table.is-bordered table.table.is-bordered
table.table.is-narrow table.table.is-narrow
table.table.is-narrow table.table.is-narrow
th th
tr>td*2
tr.is-selected>td tr.is-selected>td
tr>td*2

.columns.column

.columns>.column*2

.columns>.column*2

.columns>.column*3

.columns>.column*3

.columns>.column*3

.columns>(.column-2>div)+(.column-8>div)+(.column-2>div)

.columns>(.column-2>div)+(.column-8>div)+(.column-2>div)

.columns>(.column-2>div)+(.column-8>div)+(.column-2>div)

.column.is-three-quarters

Auto

Auto

.column.is-two-thirds

Auto

Auto

.column.is-half

Auto

Auto