Modifiers

Modifiers are extra CSS classes that you add to your HTML in order to change its appearance. For example, let’s look at a <button> and see how adding a modifier can change its appearance.

<button class="button">I'm a button</button>

So far its pretty generic, with not much going on. However, let’s change it to a turquoise color that Bulma ships with. To change the color to a “primary” color of your theme, use the is-primary modifier.

<button class="button is-primary">I'm a button</button>

Now the button is turquoise. But let’s not stop there. You can continue adding modifier classes to this button in order to change its appearance. Let’s make it a “ghost” button or a hollow button with an outline.

<button class="button is-primary is-outlined">I'm a button</button>

You can also use the is-loading modifier class to show an animated...