css - ブルマ(フレックスボックス)で列の高さを最長の列と同じに設定するには?

Question

私はブルマ0.4.0を使用していますが、答えはブルマ自体に関連付けられていない可能性があります.

列の高さを他の列と同じに設定するにはどうすればよいですか? (以下のスクリーンショットを参照)

---

編集: 実際の動作を表すテキストを追加した codepen: https://codepen.io/anon/pen/vmKVbx

予想される行動：

実際の動作:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.0/css/bulma.css" />
<div class="columns">
  <div class="column">
    <p class="notification is-info">First column</p>
  </div>
  <div class="column">
    <p class="notification is-success">Second column</p>
  </div>
  <div class="column">
    <p class="notification is-warning">Third column</p>
  </div>
  <div class="column">
    <p class="notification is-danger">Fourth</p>
  </div>
</div>