layui栅格布局

2025-05-25 07:31:09

1、引入layui.css文件

layui栅格布局

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

layui栅格布局

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

layui栅格布局

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

layui栅格布局

5、栅格演示:

layui栅格布局
layui栅格布局

6、列间距

layui栅格布局

7、列偏移

layui栅格布局
layui栅格布局

8、列嵌套

layui栅格布局
layui栅格布局
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢