赞助
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
故意留空，以防止布局跳动
