1、引入layui.css文件

2、将栅格放入一个带有 class="layui-container" 的特定的容器中,以便在小屏幕以上的设备中固定宽度,让列可控,或者放入class="layui-fluid"中。

3、layui-row代表一列。一列分为12块

4、xs = 超小屏幕
sm = 小屏幕
md = 中等屏幕
lg = 大型屏幕

5、栅格演示:


6、列间距

7、列偏移


8、列嵌套


时间:2026-02-16 05:16:39
1、引入layui.css文件

2、将栅格放入一个带有 class="layui-container" 的特定的容器中,以便在小屏幕以上的设备中固定宽度,让列可控,或者放入class="layui-fluid"中。

3、layui-row代表一列。一列分为12块

4、xs = 超小屏幕
sm = 小屏幕
md = 中等屏幕
lg = 大型屏幕

5、栅格演示:


6、列间距

7、列偏移


8、列嵌套

