0
点赞
收藏
分享

微信扫一扫

Layui_00_02_ Layui——布局2——不好-待完善


系列文章目录

文章目录

  • ​​系列文章目录​​
  • ​​布局​​
  • ​​栅格系统​​
  • ​​响应规则​​

布局

栅格系统

首先了解一下什么叫栅格系统

使用

Layui_00_02_ Layui——布局2——不好-待完善_官网文档

复制一下文档的代码先来看看效果

Layui_00_02_ Layui——布局2——不好-待完善_官网文档_02


​​官网文档​​

Layui_00_02_ Layui——布局2——不好-待完善_官网文档_03


Layui_00_02_ Layui——布局2——不好-待完善_官网文档_04


运行一下先看看

Layui_00_02_ Layui——布局2——不好-待完善_官网文档_05


没有颜色 ,需要我们自己修改一下,demo里面是内置了一些颜色处理

Layui_00_02_ Layui——布局2——不好-待完善_嵌套_06

Layui_00_02_ Layui——布局2——不好-待完善_栅格系统_07


注意是嵌套在这个里面的

Layui_00_02_ Layui——布局2——不好-待完善_官网文档_08

Layui_00_02_ Layui——布局2——不好-待完善_嵌套_09


Layui_00_02_ Layui——布局2——不好-待完善_栅格系统_10


Layui_00_02_ Layui——布局2——不好-待完善_嵌套_11

响应规则

Layui_00_02_ Layui——布局2——不好-待完善_官网文档_12


Layui_00_02_ Layui——布局2——不好-待完善_官网文档_13


Layui_00_02_ Layui——布局2——不好-待完善_栅格系统_14


Layui_00_02_ Layui——布局2——不好-待完善_栅格系统_15


Layui_00_02_ Layui——布局2——不好-待完善_官网文档_16


Layui_00_02_ Layui——布局2——不好-待完善_嵌套_17


Layui_00_02_ Layui——布局2——不好-待完善_嵌套_18


Layui_00_02_ Layui——布局2——不好-待完善_官网文档_19


Layui_00_02_ Layui——布局2——不好-待完善_嵌套_20


复制过来之后要改改颜色,跟之前一样

效果如下

Layui_00_02_ Layui——布局2——不好-待完善_栅格系统_21


Layui_00_02_ Layui——布局2——不好-待完善_官网文档_22


举报

相关推荐

0 条评论