项目实战经验分享，素材特效源码定制
Layui 响应式布局的栅格
1. 在 Layui 中一行最多分为 12 个栅格；
2. 支持移动手机、平板、中型和大型 PC 桌面的适配处理，方便响应式切换；
3. 定义栅格系统最外层 div 设置 class 为：.layui-container，此为布局容器；
4. 行的定义 div 设置 class 为：.layui-row，为了方便测试，可以加上背景色；
<div class="layui-container">
<div class="layui-row">
admin
div>
div>如果我们想在这一行中，设置三个列可以使用 class 为：.layui-col-md4；
<div class="layui-row">
<div class="layui-col-md4">1div>
<div class="layui-col-md4">2div>
<div class="layui-col-md4">3div>
div>想要实现列布局间距设置，可以使用：layui-col-space*(1-30)；
<div class="layui-container">
<div class="layui-row layui-col-space10">
<div class="layui-col-sm4">
<div class="layui-bg-blue a">1div>
div>
<div class="layui-col-sm4">
<div class="layui-bg-orange a">2div>
div>
<div class="layui-col-sm4">
<div class="layui-bg-green a">3div>
div>
div>
div>
class a设置高度
1. 本站所有素材（未指定商用），仅限学习交流请勿用于商业用途。
2. 原创商用和VIP素材，未经合法授权，会员不得以任何形式发布、传播、复制、转售该素材，否则一律封号处理。
3. 如果素材损害你的权益请联系客服vx：13230981129给予处理。
咨询TA
查看(300)次
下载
