1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可 ...
分类：
其他好文 时间：
2017-09-14 10:35:19
阅读次数：
176
1 栅格系统偏移 2 栅格系统的排序 3 辅助类 4 表单 5 按钮 6 缩略图 7 下拉菜单 8 标签页 9 导航 10 分页 ...
分类：
其他好文 时间：
2017-09-13 10:46:08
阅读次数：
149
情景1 1.浏览器兼容 IE8+，webkit, firefox，opera 2.栅格系统 bootstrap，用于快速布局 3.准备一份自己积累的css文件，如base.css其中内容是之前工作积累的常用css如 定位 文本溢出 外边距，内边距 z-index 基础文字颜色规范 文字大小规范 内容 ...
分类：
其他好文 时间：
2017-09-12 10:42:04
阅读次数：
187
1 bootstrap简介 2 bootstrap的环境 3 以移动设备为优先。窗口和移动设备一致 4 bootstrap布局容器 5 排版标签 6 文本对齐方式 7 列表 8 表格 9 响应式图片 10 栅格系统 ...
分类：
其他好文 时间：
2017-09-11 16:23:46
阅读次数：
219
bootstrap前端开发工具 栅格系统 版心 .container 栅格布局 (一行分为12格，响应式布局).row.col-md-12.col-sm-12.col-xs-12 <div class="row"> <div class="col-md-4"></div> <div class="c ...
分类：
其他好文 时间：
2017-09-11 10:12:17
阅读次数：
129
今日概要： 1、bootstrap使用 2、栅格系统 3、orm简介 4、路由系统 5、mvc和mtv模式 6、django框架 1、bootstrap的引用方式 1、Bootstrap 专门构建了免费的 CDN 加速服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费 <!DOCTYP ...
分类：
其他好文 时间：
2017-08-29 21:47:17
阅读次数：
725
Bootstrap 提供了下列类型的表单布局： 垂直表单（默认） -> 这个不好看，都是手机版了，PC版占一排不好看； 内联表单 -> 我相信这个才是你想要的，PC版响应横排，手机版响应竖排。 水平表单 -> 用栅格系统控制显示 一、垂直表单 垂直表单使用的标准步骤 1 2 3 4 5 6 7 8 ...
分类：
其他好文 时间：
2017-08-26 17:12:04
阅读次数：
145
栅格系统： 栅格系统英文为“grid systems”，也有人翻译为“网格系统”，运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。 定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。 移动设备优先： meta用于设置屏幕和设备等一款级 ...
分类：
其他好文 时间：
2017-08-17 21:25:38
阅读次数：
159
12栅格系统——就是将屏幕平分12份（列）。使用行(row)来组织元素（每一行都包括12个列），然后将内容放在列内。通过col-md-offset-*来控制列偏移。 基础布局组件——Bootstrap提供了多种基础布局组件。如排版、代码、表格、按钮、表单等。 Jquery——Bootstrap所有的 ...
分类：
其他好文 时间：
2017-08-15 19:45:16
阅读次数：
146
响应式图片 给img的宽度 设置为100% 使用background-image 配合padding-top 使用 `<picture>` 标签。 * 使用 pricturefill.js 插件 <link rel="stylesheet" href="./grid.css"> stylesheet ...
分类：
其他好文 时间：
2017-08-13 16:54:18
阅读次数：
126
