All Bulma CSS classes
Button
- .button
- .button.is-black
- .button.is-danger
- .button.is-dark
- .button.is-fullwidth
- .button.is-info
- .button.is-large
- .button.is-light
- .button.is-link
- .button.is-loading
- .button.is-medium
- .button.is-normal
- .button.is-primary
- .button.is-rounded
- .button.is-small
- .button.is-static
- .button.is-success
- .button.is-text
- .button.is-warning
- .button.is-white
- .buttons
- .buttons.has-addons
- .buttons.is-centered
- .buttons.is-right
Colors
- .has-background-black
- .has-background-black-bis
- .has-background-black-ter
- .has-background-danger
- .has-background-dark
- .has-background-grey
- .has-background-grey-dark
- .has-background-grey-darker
- .has-background-grey-light
- .has-background-grey-lighter
- .has-background-info
- .has-background-light
- .has-background-link
- .has-background-primary
- .has-background-success
- .has-background-warning
- .has-background-white
- .has-background-white-bis
- .has-background-white-ter
- .has-text-black
- .has-text-black-bis
- .has-text-black-ter
- .has-text-danger
- .has-text-dark
- .has-text-grey
- .has-text-grey-dark
- .has-text-grey-darker
- .has-text-grey-light
- .has-text-grey-lighter
- .has-text-info
- .has-text-light
- .has-text-link
- .has-text-primary
- .has-text-success
- .has-text-warning
- .has-text-white
- .has-text-white-bis
- .has-text-white-ter
Containers
Delete
Help
Icon
Images
- .image
- .image.is-128x128
- .image.is-16by9
- .image.is-16x16
- .image.is-1by1
- .image.is-1by2
- .image.is-1by3
- .image.is-24x24
- .image.is-2by1
- .image.is-2by3
- .image.is-32x32
- .image.is-3by1
- .image.is-3by2
- .image.is-3by4
- .image.is-3by5
- .image.is-48x48
- .image.is-4by3
- .image.is-4by5
- .image.is-5by3
- .image.is-5by4
- .image.is-64x64
- .image.is-96x96
- .image.is-9by16
- .image.is-square
Message
Navbar
- .navbar
- .navbar-brand
- .navbar-burger
- .navbar-divider
- .navbar-dropdown
- .navbar-item
- .navbar-link
- .navbar-menu
- .navbar.has-shadow
- .navbar.is-black
- .navbar.is-danger
- .navbar.is-dark
- .navbar.is-fixed-bottom
- .navbar.is-fixed-top
- .navbar.is-info
- .navbar.is-light
- .navbar.is-link
- .navbar.is-primary
- .navbar.is-success
- .navbar.is-warning
- .navbar.is-white
Notification
Progress bar
Responsive helpers
Text utilities
- .has-text-centered
- .has-text-justified
- .has-text-left
- .has-text-right
- .has-text-weight-bold
- .has-text-weight-light
- .has-text-weight-medium
- .has-text-weight-normal
- .has-text-weight-semibold
- .heading
- .highlight
- .is-capitalized
- .is-family-code
- .is-family-monospace
- .is-family-primary
- .is-family-sans-serif
- .is-family-secondary
- .is-italic
- .is-lowercase
- .is-size-*
- .is-uppercase
- .number
Title and Subtitle
Create Bulma templates in minutes.
FREE Create a Bulma Builder account and get access to Bootstrap Shuffle and Tailwind Builder for FREE (save $178).