Parch系列 - Bootstrap基础.pdf

目录 第一部分 使用介绍 安装 Bootstrap 导入 1 通过 Bower 进行安装 1 通过 npm 进行安装 1 通过 Composer 进行安装 1 编译 Less/Sass 源码的注意事项 1 内容介绍 预编译版文件结构 2 Bootstrap 源码文件结构 2 编译 CSS 和 JavaScript 安装 Grunt 3 Grunt 命令 3 除错 3 Bootlint 检测工具 Bootlint 检测工具 3 禁止响应式布局 禁止响应式布局 4 浏览器和设备的支持情况 被支持的浏览器 4 IE 8 和 9 4 IE 8 与 Respond.js 5 IE 8 与 box-sizing 属性 5 Internet Explorer 8 与 @font-face 5 IE 兼容模式 5 国产浏览器高速模式 6 Windows 8 中的 IE 10 和Windows Phone 8 6 Safari 对百分比数字凑整的问题 6 模态框、导航条和虚拟键盘 7 浏览器的缩放功能 7 移动设备上应用 :hover/:focus 7 打印 7 Android 系统默认浏览器 8 W3C 页面源码校验 8 可访问性 跳过导航区 9 标题嵌套 10 色彩对比 10 第二部分 CSS样式 介绍 HTML5 文档类型 11 移动设备优先 11 排版与链接 11 Normalize.css 11 布局容器 11 栅格系统 介绍 12 媒体查询 12 栅格参数 13 实例：从堆叠到水平排列 13 实例：流式布局容器 15 实例：移动设备和桌面屏幕 15 实例：手机、平板、桌面 16 实例：多余的列将另起一行排列 16 响应式列重置 17 列偏移 18 嵌套列 19 列排序 20 Less mixin 和变量 20 排版 标题 23 页面主体 24 内联文本元素 25 对齐 27 改变大小写 27 缩略语 27 地址 28 引用 28 代码 内联代码 29 用户输入 29 代码块 30 变量 30 程序输出 30 表格 基本实例 30 条纹状表格 31 带边框的表格 31 鼠标悬停 31 紧缩表格 31 状态类 32 响应式表格 33 表单 基本实例 34 内联表单 35 水平排列的表单 37 被支持的控件 38 静态控件 41 焦点状态 42 只读状态 43 校验状态 43 控件尺寸 49 辅助文本 51 按钮 可使用按钮类的元素 51 预定义样式 52 尺寸 52 激活状态 53 禁用状态 54 图片 响应式图片 55 图片形状 55 辅助类 情境文本颜色 55 情境背景色 56 关闭按钮 57 三角符号 57 快速浮动 57 让内容块居中 58 清除浮动 58 显示或隐藏内容 58 屏幕阅读器和键盘导航 59 图片替换 59 响应式工具 可用的类 59 打印类 60 测试用例 60 使用Less 介绍 61 变量 61 特定浏览器厂商的 mixin 64 实用工具 mixin 69 使用 Sass 包含的内容 72 安装 72 第三部分 组件 Glyphicons 字体图标 所有