菜鸟教程：https://www.runoob.com/bootstrap/bootstrap-grid-system.html 什么是 Bootstrap 网格系统（Grid System）？ Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而 ...
分类：
其他好文 时间：
2020-02-04 23:20:09
阅读次数：
98
1、容器和网格系统容器container ： 固定宽度，不同尺寸固定了不同的宽度container-fluid： 100%宽度栅格系统col-： =576pxcol-md- ： >=768pxcol-lg- ： >=992pxcol-xl- ： >=1200px2、字体颜色及背景颜色字体text-m... ...
分类：
其他好文 时间：
2020-01-03 21:21:45
阅读次数：
393
Bootstrap 简介 1.什么是 Bootstrap？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 2. Bootstrap 包含的内容： 基本结构：Bootstrap 提供了一个带有网格系统 ...
分类：
其他好文 时间：
2019-12-21 15:42:06
阅读次数：
108
xScope Mac是一个MacOS上的精准测量校准工具，专门为设计师和开发人员创建，检查和测试屏幕上的图形和布局，帮助每个设计者快速，精确的完成工作，度量距离，角度的标尺，放大镜，精确垂直，水平标记辅助线，精确阔度等功能。 xScope专门为设计人员和开发人员创建，是一套功能强大的工具，非常适合测 ...
分类：
系统相关 时间：
2019-12-10 13:33:06
阅读次数：
97
区别于rem按屏幕划份等分 而栅格系统借助container级页面内容的划分配合从而使视图的放大缩小内容也会跟着放大缩小 12列:把父级 container 平均分配 如果页面变宽,container就变宽,随之每一列也变宽,从而内容变大些反之同理 栅格系统上:H5文档类型(栅格系统入门下面) 这个 ...
分类：
其他好文 时间：
2019-11-24 19:40:33
阅读次数：
84
bootstrap会把一栏等分12个 当不足12个时会等分元素(当然也可以设置数值) 2*6=12 显然 第一块占用6个网格 剩下 第二个占用 4个网格 第三个 占用2个 ...
分类：
其他好文 时间：
2019-11-24 10:19:10
阅读次数：
102
可以想象的是 span 被设置成了 block 会继承 父级 div 而div 又平分了 父级 row 导致 层层嵌套的效果 ...
分类：
其他好文 时间：
2019-11-24 10:15:08
阅读次数：
39
container rows columns 等分宽度显示的布局 每一排内容 都可以 是rows :一排三列就可以使 一个row 里面有 三个子 col 添加到短语集 没有此单词集：英语 -> 中文（简体）... 创建新的单词集... 拷贝 添加到短语集 没有此单词集：英语 -> 中文（简体）... ...
分类：
其他好文 时间：
2019-11-24 10:02:07
阅读次数：
55
container下的子元素会随着窗口变化而变化, 尺寸: <576px 特小 extra small 小于等于 ≥576px small 大于等于 sm ≥768px midium 中等 大于等于 md ≥992px large 大号 lg ≥1200px 特大 xl 大尺寸 小尺寸576以下 中 ...
分类：
其他好文 时间：
2019-11-24 09:20:08
阅读次数：
81
网格系统的实现原理，是通过定义容器大小，平分12份。 调整内外边距，通过媒体查询，就制作出强大的响应式网格系统 那媒体查询时什么呢：媒体查询主要是对各种移动端设备的一个响应式兼容， <meta name = "viewport" content="width = device-width,initi ...
分类：
其他好文 时间：
2019-08-22 18:57:02
阅读次数：
72
