Get 20% off with code BULMA
Valid until the end of November 2024
Download

Sponsor

Route Planner and Route Optimizer

Columns powered by Flexbox


A simple way to build responsive columns

Building a columns layout with Bulma is very simple:

  1. Add a columns container
  2. Add as many column elements as you want

Each 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>

How to support Bulma

#native_company# #native_desc#
#native_cta#
Get started for Free
Get started for Free