スポンサー
Bulma グリッド プレイグラウンド
お試しください Bulma 2D グリッド
スマートグリッド #
この例を使用して、さまざまな列幅とギャップ値でスマートグリッドを試すことができます。
HTML
<div class="grid">セル 1
セル 2
セル 3
セル 4
セル 5
セル 6
セル 7
セル 8
セル 9
セル 10
セル 11
セル 12
セル 13
セル 14
セル 15
セル 16
セル 17
セル 18
セル 19
セル 20
セル 21
セル 22
セル 23
セル 24
固定グリッド #
これらのコントロールを使用して、さまざまな列数で固定グリッドを試すことができます。
HTML
<div class="fixed-grid">右側のハンドルを使用してコンテナの幅を変更します：
1200セル 1
セル 2
セル 3
セル 4
セル 5
セル 6
セル 7
セル 8
セル 9
セル 10
セル 11
セル 12
セル 13
セル 14
セル 15
セル 16
セル 17
セル 18
セル 19
セル 20
セル 21
セル 22
セル 23
セル 24
レイアウトのジャンプを防ぐために意図的に空白を残しました