<div class="columns">
<div class="column">
First column
</div>
<div class="column">
Second column
</div>
<div class="column">
Third column
</div>
<div class="column">
Fourth column
</div>
</div>
← all Bulma classes list
Bulma class: .columns
Preview
First column
Second column
Third column
Fourth column
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 .columns 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.
