虽然Flex布局09年就被W3C所提出,但是目前浏览器支持上还不是很好,网上找的一张图片,仅供参考: 我们先从简单讲起。如果仅仅只想实现一个栅格布局,没必要引入一个复杂的框架(如bootstrap),短短几行代码也能实现该功能。 例子:有个父div,三个子div,宽度比是1:2:1,以下代码: 显示 ...
分类:
其他好文 时间:
2017-04-15 18:26:00
阅读次数:
258
补齐昨天的随笔 说是要加一个查询方法,这次写就快了许多。先把页面写好。bootstrap 栅格系统 找到12-3 找到剩余的空白处加一个输入框,百度一个简单的js,两个输入框不能都有值。 control没有改,输入参数的模型多加了一个key 。 存在key 按找key查找。存在time 按time找 ...
分类:
其他好文 时间:
2017-04-13 21:57:21
阅读次数:
207
任务目的 使用 HTML 与 CSS 实现类似 BootStrap 的响应式 12 栏网格布局,根据屏幕宽度,元素占的栏数不同。 任务描述 需要实现如 效果图 所示,调整浏览器宽度查看响应式效果,效果图中的红色的文字是说明,不需要写在 HTML 中。 任务注意事项 网格布局的作用在于更有效地控制元素 ...
分类:
其他好文 时间:
2017-04-11 17:06:45
阅读次数:
326
1、媒体查询; 2、booststrap 的模板引用; 3、bootstrap的按钮 4、表单的使用; 5、轮播图的使用; 6、栅格系统 7、 8、 9、栅格系统列偏移 10 栅格系统 列浮动 11 栅格系统响应式 <form > <div class="form-group"> <label fo ...
分类:
其他好文 时间:
2017-04-04 22:59:31
阅读次数:
264
一、Bootstrap 三部分 1.全局 CSS 样式 设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;还有先进的栅格系统。 (任何的HTML标签都可以使用Bootstrap中提供样式增强显示效果,栅格系统:网格布局系统,排版系统,分栏系统) 2.组件( ...
分类:
其他好文 时间:
2017-04-03 22:13:51
阅读次数:
162
ArcGIS软件操作系列二(地图制图) 2016年毕业,参加工作,除了平时出差,大部分时间都在使用ArcGIS处理数据、制图,在此,先将一些制图的小心得撰写出来,希望能与各位共同交流。 1 数据准备:点、线、面等矢量数据、栅格数据的准备等(下一更会详细介绍数据处理等方面的内容); 2 加载数据:打开 ...
分类:
其他好文 时间:
2017-03-21 22:14:27
阅读次数:
414
1 复制图形(一般是文字)并垂直翻转得到倒影的初步样子(最好倾斜一下,看起来逼真一些)就像下面的迅雷的样子.记住要栅格化文字. 2 用魔棒工具抠除原来的颜色,只剩下空的选区. 3 拉渐变 ...
分类:
其他好文 时间:
2017-03-19 12:15:57
阅读次数:
221
Document 使表单横向排列--> 必须结合栅格系统才能变成响应式系统--> 邮箱 邮箱 密码 ... ...
分类:
其他好文 时间:
2017-03-12 19:50:42
阅读次数:
178
Document 栅格系统1 我给网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。 网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈... ...
分类:
其他好文 时间:
2017-03-12 16:55:23
阅读次数:
416
Document col-1 col-2 col-3 col-4 col-5 col-6 col-7 col-8 col-9 col-10... ...
分类:
其他好文 时间:
2017-03-12 16:22:51
阅读次数:
205