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