第1章 Bootstrap入门 1
1 Bootstrap简介 2
1.1 Bootstrap简介 2
1.2 Bootstrap文件结构和标准模板 3
操作案例：在页面中使用Bootstrap 5
2 Bootstrap功能介绍 6
2.1 Bootstrap构成模块 6
2.2 Bootstrap的特色和功能介绍 8
2.2.1 Bootstrap的特色 8
2.2.2媒体查询 9
2.2.3 Bootstrap主要功能 11
2.3 Bootstrap优秀插件 16
2.4 Bootstrap版本变化 16
3 Bootstrap优秀网站示例 18
本章总结 20
本章作业 20
第2章 Bootstrap布局 21
1 Bootstrap的结构 22
1.1使用栅格系统 22
1.1.1绘制栅格 23
1.1.2栅格系统的列偏移 29
操作案例1：制作音乐网站首页 31
1.1.3栅格系统的列交换 32
1.1.4栅格系统的嵌套 34
1.2响应式栅格 36
操作案例2：组合栅格系统 40
2 CSS布局概要 42
2.1 CSS布局简介 42
2.2基础排版 43
2.2.1标题 44
2.2.2主体内容 46
2.2.3对齐方式 47
2.2.4列表 48
3禁用响应式布局 51
本章总结 52
本章作业 52
第3章 Bootstrap组件 53
1按钮 54
操作案例1：制作Bootstrap官网案例页面 59
2表格 61
3 CSS组件 63
3.1表单 63
3.2输入框组 66
3.3图标 70
3.4下拉菜单 71
操作案例2：制作收集用户信息页面 75
3.5按钮组 76
3.6导航和导航条 82
操作案例3：制作导航栏 87
3.7缩略图 89
3.8媒体对象 91
本章总结 93
本章作业 94
第4章 Bootstrap插件 95
1动画过渡 96
2 Bootstrap中的JS插件 98
2.1模态框 98
操作案例1：利用模态窗体制作百度登录框 103
2.2轮播图 105
操作案例2：利用Bootstrap制作携程网首页的轮播图 109
2.3选项卡 111
2.4折叠 112
操作案例3：利用Bootstrap制作导航菜单 114
本章总结 116
本章作业 116
第5章 jQuery Mobile入门 119
1 jQuery Mobile入门 120
1.1 jQuery Mobile简介 120
1.2 jQuery Mobile准备文档 121
1.3 jQuery Mobile架构 123
1.3.1 jQuery Mobile属性 123
1.3.2 jQuery Mobile主题 127
1.3.3 jQuery Mobile视图 128
操作案例1：制作jQuery Mobile基本页面 129
1.3.4 jQuery Mobile对话框 130
1.4与电话整合 132
操作案例2：制作商家信息展示页面 133
2 jQuery Mobile UI组件 134
2.1网格系统 134
2.2格式化内容 137
2.3可折叠的内容 138
2.4工具栏 140
操作案例3：制作影视介绍页面 143
2.5按钮 145
操作案例4：制作音乐播放器页面 148
本章总结 150
本章作业 150
第6章 jQuery Mobile基础 153
1列表 154
1.1整页列表与插入列表 154
1.2视觉分隔符 155
1.3交互行 157
1.4图片 159
1.4.1图标 159
1.4.2缩略图 159
1.4.3计数气泡 162
2表单组件 164
2.1表单动作 165
2.2表单元素 165
2.2.1文本标签和容器标签 165
2.2.2文本输入框 166
2.2.3 textarea输入区域 166
2.2.4 HTML5新增标签 167
操作案例：制作信息收集页面 173
3 jQuery Mobile API 174
3.1jQuery Mobile API 174
3.2 jQuery Mobile事件 176
3.2.1页面事件 176
3.2.2方向事件 177
3.2.3触摸事件 177
本章总结 181
本章作业 181