Columns

Building a columns layout is pretty simple:

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

By default, each column will have an equal width, no matter how many you add.

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>
Sizes →