深入理解Bootstrap

作品简介

本书是目前Bootstrap领域技术版本最新、内容最全面、介绍最详细、实战性最强、最具深度的著作。它是资深Web技术专家多年工作经验的结晶，不仅授人以鱼，全面讲解了Bootstrap各个功能组件的使用方法，以及对现有插件和扩展的二次开发；还授人以渔，深入分析了Bootstrap的架构思想和各组件源码实现，以及如何开发自定义的完整插件和扩展。

既能满足初级前端工程师系统学习并迅速实践Bootstrap的需求，又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。

全书一共9章：第1章介绍了学习Bootstrap必备的基础知识；第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、JavaScript插件架构；第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景；第5章详细讲解了JavaScript的各种插件的使用方法和源码实现；第6~8章通过3个综合性案例讲解了扩展现有组件的方法、Win 8磁贴组件的开发及组合应用的开发；第9章讲解了自定义第三方扩展的开发。

作品目录

• 前 言
• 第1章 入 门 准 备
• 1.1 框架简介
• 1.2 新手入门
• 1.3 文件结构
• 1.4 HTML标准模板
• 1.5 CSS基本语法
• 1.5.1 优先级
• 1.5.2 选择器
• 1.5.3 伪类
• 1.5.4 display属性
• 1.5.5 媒体查询
• 1.6 JavaScript基本语法
• 1.6.1 ||和&&运算符
• 1.6.2 立即调用的函数表达式
• 1.6.3 原型
• 1.7 jQuery基本用法
• 1.7.1 事件绑定
• 1.7.2 事件命名空间
• 1.7.3 $.data()
• 1.8 HTML5辅助设计
• 第2章 整 体 架 构
• 2.1 整体架构
• 2.2 栅格系统
• 2.2.1 实现原理
• 2.2.2 基本用法
• 2.2.3 响应式栅格
• 2.2.4 对重复代码的处理
• 2.3 CSS组件架构的设计思想
• 2.3.1 基础样式
• 2.3.2 颜色样式
• 2.3.3 尺寸样式
• 2.3.4 状态样式
• 2.3.5 特殊元素样式
• 2.3.6 并列元素样式
• 2.3.7 嵌套子元素样式
• 2.3.8 动画样式
• 2.3.9 小结
• 2.4 JavaScript插件架构
• 2.4.1 HTML布局规则
• 2.4.2 JavaScript实现步骤
• 2.4.3 通用技术
• 2.4.4 不足
• 2.5 禁用响应式布局
• 第3章 CSS布局
• 3.1 概述
• 3.2 基础排版
• 3.2.1 标题
• 3.2.2 页面主题
• 3.2.3 强调文本
• 3.2.4 缩略语
• 3.2.5 地址元素
• 3.2.6 引用
• 3.2.7 列表
• 3.3 代码
• 3.3.1 内联代码
• 3.3.2 用户输入代码
• 3.3.3 多行代码块
• 3.4 表格
• 3.4.1 基础样式
• 3.4.2 带背景条纹的表格
• 3.4.3 带边框的表格
• 3.4.4 鼠标悬停高亮的表格
• 3.4.5 紧凑型表格
• 3.4.6 行级元素样式
• 3.4.7 响应式表格
• 3.5 表单
• 3.5.1 基础表单
• 3.5.2 内联表单
• 3.5.3 横向表单
• 3.5.4 表单控件
• 3.5.5 控件状态
• 3.5.6 控件大小
• 3.5.7 其他
• 3.6 按钮
• 3.6.1 按钮样式
• 3.6.2 按钮大小
• 3.6.3 多标签支持
• 3.6.4 活动状态
• 3.6.5 禁用状态
• 3.7 图像
• 3.8 辅助样式
• 3.8.1 文本样式及背景样式
• 3.8.2 辅助图标
• 3.8.3 内容浮动
• 3.8.4 隐藏与显示
• 3.9 响应式样式
• 第4章 CSS组件
• 4.1 小图标
• 4.1.1 基本用法
• 4.1.2 实现方式
• 4.1.3 应用场景
• 4.1.4 其他
• 4.2 下拉菜单
• 4.2.1 基本用法
• 4.2.2 多级嵌套
• 4.3 按钮组
• 4.3.1 基本用法
• 4.3.2 按钮工具栏
• 4.3.3 按钮尺寸设置
• 4.3.4 嵌套分组
• 4.3.5 垂直分组
• 4.3.6 自适应分组
• 4.4 按钮下拉菜单
• 4.4.1 组合式下拉菜单
• 4.4.2 分离式下拉菜单
• 4.4.3 按钮大小
• 4.4.4 向上弹起的下拉菜单
• 4.5 输入框组
• 4.5.1 基本用法
• 4.5.2 尺寸大小设置
• 4.5.3 复选框与单选框作为addon
• 4.5.4 按钮作为addon
• 4.5.5 下拉菜单按钮作为addon
• 4.5.6 分段按钮作为addon
• 4.6 导航
• 4.6.1 选项卡导航
• 4.6.2 胶囊式选项卡导航
• 4.6.3 堆叠式导航
• 4.6.4 自适应导航
• 4.6.5 禁用链接
• 4.6.6 二级导航实现
• 4.7 导航条
• 4.7.1 基础导航条
• 4.7.2 导航条中的表单
• 4.7.3 导航条中的按钮、文本、链接
• 4.7.4 导航条中的项进行左右浮动
• 4.7.5 顶部固定或底部固定
• 4.7.6 响应式导航条
• 4.7.7 反色导航条
• 4.8 面包屑导航
• 4.9 分页导航
• 4.9.1 页码分页
• 4.9.2 翻页
• 4.10 标签
• 4.11 徽章
• 4.12 大屏幕展播
• 4.13 页面标题
• 4.14 缩略图
• 4.15 警告框
• 4.15.1 默认警告框
• 4.15.2 可关闭的警告框
• 4.15.3 多彩样式警告框
• 4.15.4 警告框中的链接
• 4.16 进度条
• 4.16.1 基本样式
• 4.16.2 多彩样式
• 4.16.3 条纹样式
• 4.16.4 动画样式
• 4.16.5 堆叠样式
• 4.17 媒体对象
• 4.17.1 默认样式
• 4.17.2 媒体列表
• 4.18 列表组
• 4.18.1 基础列表组
• 4.18.2 应用徽章标记或导航箭头
• 4.18.3 可链接的列表组
• 4.18.4 多彩列表项
• 4.18.5 自定义列表组
• 4.19 面板
• 4.19.1 基础面板
• 4.19.2 带有头和尾的面板
• 4.19.3 多彩面板
• 4.19.4 面板与表格进行嵌套
• 4.19.5 面板和列表组进行嵌套
• 4.20 洼地
• 4.21 主题
• 4.21.1 btn按钮样式主题
• 4.21.2 缩略图样式主题
• 4.21.3 下拉菜单样式主题
• 4.21.4 导航条样式主题
• 4.21.5 警告框样式主题
• 4.21.6 进度条样式主题
• 4.21.7 列表组样式主题
• 4.21.8 面板样式主题
• 4.21.9 well样式主题
• 第5章 JavaScript插件
• 5.1 动画过渡效果
• 5.1.1 使用方法
• 5.1.2 源码分析
• 5.2 模态弹窗
• 5.2.1 弹窗布局与样式
• 5.2.2 声明式用法
• 5.2.3 JavaScript用法
• 5.2.4 源码分析
• 5.3 下拉菜单
• 5.3.1 声明式用法
• 5.3.2 JavaScript用法
• 5.3.3 源码分析
• 5.4 滚动侦测
• 5.4.1 声明式用法
• 5.4.2 JavaScript用法
• 5.4.3 源码分析
• 5.5 选项卡
• 5.5.1 声明式用法
• 5.5.2 JavaScript用法
• 5.5.3 源码分析
• 5.6 提示框
• 5.6.1 声明式用法
• 5.6.2 JavaScript用法
• 5.6.3 源码分析
• 5.7 弹出框
• 5.7.1 声明式用法
• 5.7.2 JavaScript用法
• 5.7.3 源码分析
• 5.8 警告框插件
• 5.8.1 声明式用法
• 5.8.2 JavaScript用法
• 5.8.3 源码分析
• 5.9 按钮
• 5.9.1 声明式用法
• 5.9.2 JavaScript用法
• 5.9.3 源码分析
• 5.10 折叠
• 5.10.1 声明式用法
• 5.10.2 JavaScript用法
• 5.10.3 源码分析
• 5.11 旋转轮播
• 5.11.1 声明式用法
• 5.11.2 CSS源码分析
• 5.11.3 JavaScript用法
• 5.11.4 源码分析
• 5.12 自动定位浮标
• 5.12.1 声明式用法
• 5.12.2 JavaScript用法
• 5.12.3 源码分析
• 第6章 实战：扩展现有组件
• 6.1 扩展分页组件
• 6.1.1 形状扩展
• 6.1.2 颜色扩展
• 6.2 扩展Modal弹窗
• 6.2.1 扩展点探讨
• 6.2.2 Info弹窗扩展
• 6.2.3 Form弹窗扩展
• 第7章 实战：Win8磁贴组件开发
• 7.1 基本样式
• 7.1.1 方块定义
• 7.1.2 边框定义
• 7.2 颜色样式
• 7.3 尺寸样式
• 7.4 状态设置
• 7.5 特殊元素样式
• 7.5.1 tile-content样式定义
• 7.5.2 tile-content子元素的样式定义
• 7.5.3 Brand样式定义
• 7.6 并列元素与嵌套样式
• 7.7 动画插件
• 7.8 更全的Win8风格样式
• 第8章 实战：组合应用开发
• 8.1 任务描述
• 8.2 实战过程
• 8.3 笔者的建议
• 8.4 实战成果
• 8.5 所用技术总结
• 第9章 第三方扩展
• 9.1 Font Awesome
• 9.1.1 介绍
• 9.1.2 常规用法
• 9.1.3 List列表上的图标
• 9.1.4 导航上的图标
• 9.1.5 固定角度旋转
• 9.1.6 360度旋转
• 9.1.7 多图叠加
• 9.2 BSIE扩展
• 9.3 Buttons
• 9.4 DateTime Picker
• 9.5 Cikonss
• 9.6 Flat UI
• 9.7 更多插件
• 附录A 浏览器兼容性支持
• 附录B 第三方插件开发建议
• 附录C 从2.x迁移到3.x
• 附录D Glyphicons图标全集