ダウンロード

Flexbox を使用したカラム

レスポンシブカラムを構築する簡単な方法

Bulma を使用してカラムレイアウトを構築するのは非常に簡単です

columns コンテナを追加する
必要な数の column 要素を追加する

カラムの数に関係なく、各カラムの幅は均等になります。

最初のカラム

2 番目のカラム

3 番目のカラム

4 番目のカラム

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

Bulma をサポートする方法

#native_company# #native_desc#