Responsiveness

Bulma is a mobile-first framework

Every element in Bulma is mobile-first and optimizes for vertical reading, so by default on mobile:

You can however enforce the horizontal layout for both columns or level by appending the is-mobile modifier.

Bulma has 4 breakpoints which defines 5 screen sizes:

To make use of these breakpoints, Bulma provides 9 responsive mixins.

To simplify using these breakpoints, Bulma provides easy-to-use responsive mixins.

By default, the $widescreen and $fullhd breakpoints are enabled. You can disable them by setting the corresponding Sass boolean to false:

// Disable the widescreen breakpoint
$widescreen-enabled: false;

// Disable the fullhd breakpoint
$fullhd-enabled: false;