'''布局容器 .container 2-8-2 布局，取其中8 .container-fluid 全局占满空间栅格系统 .row 将块级标签划分12等份 .col-xs/sm/md/lg-n 设置本标签占据份数 .col-xs/sm/md/lg-offset-n 设置从左向右移动的份数，后面无用份 ...
分类：
其他好文 时间：
2021-06-13 09:23:32
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--设置缩放和绘制--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ...
分类：
其他好文 时间：
2020-11-20 11:58:48
阅读次数：
9
重复栅格的命名技巧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
分类：
Web程序 时间：
2020-11-10 11:20:17
阅读次数：
29
今日完成任务 网页布局 1. bootStrap栅格系统 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种布局方法。 通过CSS3 Media Queries（媒体查询），媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式。@media是CS ...
分类：
Web程序 时间：
2020-07-22 15:47:05
阅读次数：
119
# 一、bootstrap的部分组件的使用1. 栅格系统 - row - col-n（1~12） - 每行最多显示12列，超出会换行 - row自带弹性盒属性 - 可以给某个列使用margin抵消空白列 2. 屏幕断点 - sm，md，lg，xl 3. 表格 - 尽量有thead - 每行颜色不一致 ...
分类：
其他好文 时间：
2020-06-03 00:22:17
阅读次数：
56
# 3.栅格系统 介绍的是 4.5.x版本 一行最多放12列 - class类介绍 最外层容器： 1.container-fluid：宽度100%,和body的宽度一样 2.container：宽度是一个具体数值，但是会根据用户屏幕大小来改变 行类 1.row：分行 列类： 5个响应层 后面的*表示 ...
分类：
其他好文 时间：
2020-05-28 23:13:20
阅读次数：
69
什么是Bootstrap Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。 栅 ...
分类：
其他好文 时间：
2020-05-23 09:49:22
阅读次数：
58
前端框架Bootstrap 该框架已经帮你写好了很多页面样式，你如果需要使用，只需要下载它对应文件，之后直接cv拷贝即可 在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可 版本选择建议使用v3版本： 注意 bootstrap的js代码是依赖于jQuery的，也就意味着你 ...
分类：
其他好文 时间：
2020-05-21 21:09:42
阅读次数：
54
该框架已经帮你写好了很多页面样式，你如果需要使用，只需要下载它对应文件，之后直接cv拷贝即可 在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可 版本选择建议使用v3版本：https://v3.bootcss.com/ 注意 bootstrap的js代码是依赖于jQuer ...
分类：
其他好文 时间：
2020-05-21 18:57:11
阅读次数：
40
在多数业务情况下，Ant Design需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，我们将整个设计建议区域按照 24 等分的原则进行划分。 划分之后的信息区块我们称之为『盒子』。建议横向排列的盒子数量最多四个，最少一个。『盒子』在整个屏幕上占比见上图。设计部分基于盒子的单位 ...
分类：
其他好文 时间：
2020-05-19 10:57:28
阅读次数：
118
