Gap

Default gap

Columns have a gap equal to the variables $columns-gutter for mobile and $columns-gutter-md for tablet onwards, which have a default value of 10px and 20px respectively.

Gapless

If you want to remove the space between columns, add the is-gapless modifier on the columns container:

No gap

No gap

No gap

No gap

<div class="columns is-gapless">
  <div class="column">
    No gap
  </div>
  <div class="column">
    No gap
  </div>
  <div class="column">
    No gap
  </div>
  <div class="column">
    No gap
  </div>
</div>