区别于rem按屏幕划份等分 而栅格系统借助container级页面内容的划分配合从而使视图的放大缩小内容也会跟着放大缩小 12列:把父级 container 平均分配 如果页面变宽,container就变宽,随之每一列也变宽,从而内容变大些反之同理 栅格系统上:H5文档类型(栅格系统入门下面) 这个 ...
分类：
其他好文 时间：
2019-11-24 19:40:33
阅读次数：
84
栅格布局 container，固定宽度的容器。 container-fluid，百分百宽度的容器。 使用行（row）在水平方向上创建一组列（colmun）。 每一行中最多能够包含12列，超出的列则另起一行排列 你的内容应该放置到列（colmun）中，只有列（colmun）可以作为行（row）的直接子 ...
分类：
其他好文 时间：
2019-11-23 12:39:35
阅读次数：
62
1.导入插件 layui使用需要导入layui的js和css: <link rel="stylesheet" href="layui/css/layui.css" /> <script src="layui/layui.js"></script> 2.栅格系统 2.1入门demo： <div cla ...
分类：
其他好文 时间：
2019-11-16 23:32:22
阅读次数：
277
移动设备优先 Bootstrap 3将对移动设备的友好支持直接融合进了框架的内核中，Bootstrap是移动设备优先的。 为了确保适当的绘制和触屏缩放，需要在head中添加viewport元数据标签。设置 meta 属性为 user-scalable=no 可以禁用视口缩放。 <meta name= ...
分类：
其他好文 时间：
2019-11-13 00:38:30
阅读次数：
110
Grid 栅格系统的使用 定义容器 .coninater { display: grid; } 多种方式定义单格 1. 按百分比划分 .coninater { display: grid; grid template rows: 50% 50%; grid template columns: 20% ...
分类：
Web程序 时间：
2019-11-06 00:40:28
阅读次数：
226
1. 基本模板；2. 布局容器；3. 栅格系统；4. 响应式工具；5. 排版；6. 表格；7. 表单 ...
分类：
Web程序 时间：
2019-10-24 21:46:00
阅读次数：
140
为了方便起见，我们通过1200px宽的屏幕来讲解bootstrap中container、row、col的css属性值为何这样设置的原理 在1200px屏幕中为何container的宽度设置为1170px? 为了在1200px宽的设备两边留出一定的边距，因此将container的宽度设置为1170px ...
分类：
其他好文 时间：
2019-10-07 09:29:44
阅读次数：
78
一、lable标签的使用 代码 class="form-group class="form-control" <div class="form-group"> <label for="name">邮箱：</label> <input class="form-control" type="email" ...
分类：
其他好文 时间：
2019-10-01 00:06:38
阅读次数：
111
一、同一行内的12格中均输入内容在前面的初始div中代码做以下修改： col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 col-md-1 ... ...
分类：
其他好文 时间：
2019-09-30 23:46:13
阅读次数：
154
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,max ...
分类：
其他好文 时间：
2019-09-30 12:35:02
阅读次数：
110
