Building a columns layout with Bulma is very simple:
- Add a
columns
container - Add as many
column
elements as you want
Each column will have an equal width, no matter the number of columns.
You are viewing the deprecated 0.9.4 version of the website. Click here to view the latest version
Columns powered by Flexbox
A simple way to build responsive columns
Building a columns layout with Bulma is very simple:
columns
containercolumn
elements as you wantEach column will have an equal width, no matter the number of columns.
First column
Second column
Third column
Fourth column
<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>
This page is open source.
Noticed a typo? Or something unclear?
Improve this page on GitHub