<div class="columns is-variable is-0">
<div class="column">
<div class="has-background-link-dark has-text-white has-text-centered">1</div>
</div>
<div class="column">
<div class="has-background-info-dark has-text-white has-text-centered">2</div>
</div>
<div class="column">
<div class="has-background-link-dark has-text-white has-text-centered">3</div>
</div>
<div class="column">
<div class="has-background-info-dark has-text-white has-text-centered">4</div>
</div>
<div class="column">
<div class="has-background-link-dark has-text-white has-text-centered">5</div>
</div>
<div class="column">
<div class="has-background-info-dark has-text-white has-text-centered">6</div>
</div>
</div>
← all Bulma classes list
Bulma class: .is-variable
Preview
1
2
3
4
5
6
Use Shuffle AI to build your own Bulma CSS templates
Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.
Check .is-variable in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
