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

是波波呀

 关注

阅读 75

2023-02-20


系列文章目录

文章目录

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

布局

栅格系统

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

使用

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


相关推荐

LayUI-02

耶也夜 18 0 0

layui布局、基本元素、弹出层

笑望叔叔 84 0 0

layui栅格布局设置列间距不起作用

苦茶如歌 31 0 0

Layui官网栅格系统与后台布局

我是小瘦子哟 17 0 0

Day2_vue集成elementUI完善布局

_阿瑶 57 0 0

layui——Cannot create property 'LAY_TABLE_INDEX' on number '2'

自信的姐姐 58 0 0

layui分页laypage结合Flask+Jinja2实现流程

秀儿2020 27 0 0

layui.all.js:2 Uncaught Error: Syntax error, unrecognized expression

一只1994 4 0 0

layui 数据表格 根据值(1=业务，2=机构)显示中文名称

Mhhao 80 0 0

C# ASP.NET 0 1 2 3显示为00 01 02 03

尤克乔乔 57 0 0

精彩评论（0）

0 0 举报