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

    
<!-- 4/5 宽度 -->
<div class="columns">
  <div class="column is-four-fifth">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
</div>

<!-- 3/4 宽度 -->
<div class="columns">
  <div class="column is-three-quarters">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
</div>

<!-- 2/3 宽度 -->
<div class="columns">
  <div class="column is-two-thirds">
    First column
  </div>
  ...
</div>

<!-- 3/5 宽度 -->
<div class="columns">
  <div class="column is-three-fifth">
    First column
  </div>
  ...
</div>

<!-- 1/2 宽度 -->
<div class="columns">
  <div class="column is-half">
    First column
  </div>
  ...
</div>

<!-- 2/5 宽度 -->
<div class="columns">
  <div class="column is-two-fifth">
    First column
  </div>
  ...
</div>

<!-- 1/3 宽度 -->
<div class="columns">
  <div class="column is-one-third">
    First column
  </div>
  ...
</div>

<!-- 1/4 宽度 -->
<div class="columns">
  <div class="column is-one-quarter">
    First column
  </div>
  ...
</div>

<!-- 1/5 宽度 -->
<div class="columns">
  <div class="column is-one-fifth">
    First column
  </div>
  ...
</div>
    
    

    
<div class="columns is-gapless">
  ...
</div>
    
    

    
<div class="columns is-multiline">
  ...
</div>