BOOTSTRAP入门经典PDF电子书下载

第1章 什么是Bootstrap，为什么要使用它 1

1.1 什么是Web框架 1

1.1.1 框架不仅是一个模板 2

1.1.2 框架的优缺点 5

1.2 什么是Bootstrap 6

1.3 Bootstrap与其他框架有何不同 6

1.4 为什么应该使用Bootstrap 8

1.5 小结 8

1.6 讨论 8

第2章 下载安装Bootstrap 11

2.1 从哪里得到Bootstrap 11

2.2 获取Bootstrap的其他途径 13

2.2.1 用Less编写的源代码 13

2.2.2 Sass 15

2.2.3 Bootstrap CDN 16

2.3 小结 16

2.4 讨论 16

第3章 用基本模板构建第一个BootStrap网站 20

3.1 最小的Bootstrap页面 20

3.2 基本Bootstrap模板 21

3.3 更多Bootstrap模板示例 25

3.3.1 Bootstrap Starter模板 25

3.3.2 Bootstrap主题 27

3.3.3 Bootstrap Jumbotron 27

3.4 小结 28

3.5 讨论 28

第4章 理解Normalize.CSS和Bootstrap CSS基础知识 31

4.1 什么是Normalize.css 31

4.1.1 什么是CSS重置 32

4.1.2 CSS重置的利弊 32

4.1.3 Normalize.css不仅仅是CSS重置 32

4.2 理解Bootstrap基础结构 34

4.2.1 Bootstrap使用HTML5 34

4.2.2 移动优先 34

4.2.3 排版和基本链接样式 34

4.3 小结 37

4.4 讨论 37

第5章 网格及其用法 40

5.1 设计中的网格 40

5.1.1 为什么在Web设计中使用网格 41

5.1.2 三分法 42

5.1.3 黄金分割率 44

5.2 Bootstrap网格系统 45

5.3 如何在Bootstrap中创建网格 45

5.3.1 创建基本网格 45

5.3.2 响应式列重置 49

5.3.3 列的偏移、排序和嵌套 50

5.4 Bootstrap中的响应式Web布局 51

5.5 小结 52

5.6 讨论 53

第6章 标签、徽章、面板、Well和超大屏幕 56

6.1 标签和徽章 56

6.1.1 标签 56

6.1.2 徽章 59

6.2 Well和面板 60

6.2.1 Well 60

6.2.2 面板 61

6.3 超大屏幕 63

6.4 小结 64

6.5 讨论 65

第7章 Bootstrap排版 68

7.1 Bootstrap中的基本排版 68

7.2 标题 70

7.2.1 标题 70

7.2.2 页眉 74

7.3 正文 75

7.3.1 内联文本 76

7.3.2 元素对齐 77

7.3.3 文本元素转换 78

7.4 其他文本块 79

7.4.1 代码 79

7.4.2 引用语 80

7.4.3 列表 80

7.4.4 缩略语 81

7.4.5 地址 81

7.5 小结 81

7.6 讨论 83

第8章 设置表格样式 86

8.1 基本表格 86

8.2 Bootstrap表格类 88

8.3 包含表格的面板 91

8.4 响应式表格 93

8.5 小结 94

8.6 讨论 94

第9章 设置表单样式 97

9.1 基本表单 97

9.1.1 水平表单 100

9.1.2 内联表单 101

9.2 Bootstrap支持的表单控件 103

9.2.1 基本输入标记 103

9.2.2 复选框和单选按钮 104

9.2.3 下拉菜单 106

9.2.4 设置表单控件的大小 107

9.2.5 帮助块 108

9.3 输入组 108

9.3.1 基本输入组 108

9.3.2 设置输入组的大小 109

9.3.3 奇妙的附加控件 110

9.4 Bootstrap表单的交互性 111

9.4.1 焦点状态 111

9.4.2 禁用和只读状态 112

9.4.3 验证状态 112

9.5 小结 113

9.6 讨论 114

第10章 图像、媒体对象和Glyphicons 117

10.1 图像 117

10.1.1 响应式图像 118

10.1.2 图像形状 118

10.2 媒体对象 119

10.3 缩略图 122

10.4 Glyphicon 124

10.5 小结 126

10.6 讨论 129

第11章 按钮和按钮组样式设置及使用 132

11.1 基本按钮 132

11.1.1 按钮标记 133

11.1.2 按钮类和大小 133

11.1.3 按钮状态 135

11.2 按钮组 136

11.2.1 水平按钮组 137

11.2.2 垂直按钮组 138

11.2.3 按钮工具栏 138

11.3 按钮JavaScript 139

11.4 小结 139

11.5 讨论 140

第12章 用Bootstrap创建导航系统 144

12.1 标准导航元素 144

12.2 下拉菜单 147

12.2.1 拆分下拉菜单 148

12.2.2 上拉式变种 150

12.3 导航栏 151

12.3.1 导航栏标题和品牌 153

12.3.2 切换导航开关 153

12.3.3 导航栏中的链接、文本、按钮和表单 154

12.3.4 改变导航栏的颜色和对齐方式 158

12.4 面包屑导航和分页 159

12.5 列表组 160

12.6 小结 163

12.7 讨论 164

第13章 Bootstrap实用工具 168

13.1 助手类 168

13.1.1 更改颜色 169

13.1.2 图标 170

13.1.3 布局类 171

13.1.4 显示和隐藏内容 174

13.2 响应式实用工具 174

13.3 打印类 176

13.4 响应式嵌入 176

13.5 Bootstrap中的可访问性 177

13.6 小结 177

13.7 讨论 179

第14章 使用Bootstrap JavaScript插件 183

14.1 如何使用BootstrapJavaScript插件 183

14.2 设置插件选项 184

14.2.1 参数形式的选项 184

14.2.2 数据属性形式的选项 185

14.3 使用JavaScript API 186

14.3.1 事件 187

14.3.2 无冲突 187

14.3.3 禁用JavaScript 187

14.4 小结 188

14.5 讨论 188

第15章 模态窗口 191

15.1 什么是模态窗口 191

15.2 如何构建模态窗口 192

15.2.1 触发模态窗口 192

15.2.2 模态窗口编码 194

15.3 修改模态窗口 197

15.3.1 更改模态窗口的打开方式 197

15.3.2 更改模态窗口的大小 200

15.3.3 更改布局 201

15.3.4 动态更改模态内容 203

15.4 小结 204

15.5 讨论 206

第16章 附加导航、选项卡和滚动监听 209

16.1 附加导航 209

16.2 选项卡 212

16.3 滚动监听 215

16.4 结合使用这些插件 216

16.5 小结 217

16.6 讨论 219

第17章 弹出框和工具提示 222

17.1 工具提示 222

17.1.1 工具提示选项 228

17.1.2 工具提示方法 229

17.1.3 工具提示事件 229

17.2 弹出框 229

17.2.1 弹出框选项 232

17.2.2 弹出框方法 233

17.2.3 弹出框事件 233

17.3 小结 233

17.4 讨论 235

第18章 过渡、按钮、警告框和进度条 239

18.1 过渡 239

18.2 按钮 240

18.2.1 按钮状态 240

18.2.2 切换按钮 241

18.2.3 复选框和单选按钮 241

18.2.4 按钮方法 243

18.3 警告框 243

18.3.1 警告框方法 245

18.3.2 警告框事件 245

18.4 进度条 245

18.4.1 创建进度条 245

18.4.2 设置进度条样式 246

18.5 小结 248

18.6 讨论 249

第19章 折叠插件和折叠面板 254

19.1 折叠插件 254

19.1.1 创建一个可折叠部分 254

19.1.2 水平折叠元素 258

19.1.3 折叠选项 259

19.1.4 折叠方法 259

19.1.5 折叠事件 259

19.2 折叠面板 260

19.2.1 创建折叠面板 260

19.2.2 使用折叠面板导航 263

19.3 小结 265

19.4 讨论 266

第20章 轮播 270

20.1 创建轮播 270

20.1.1 基本轮播 272

20.1.2 更精致的轮播 274

20.2 使用轮播插件 276

20.2.1 添加多个轮播 277

20.2.2 轮播选项 278

20.2.3 轮播方法 279

20.2.4 轮播事件 279

20.3 Web上的轮播 279

20.3.1 轮播最佳实践 279

20.3.2 轮播的问题和解决方案 280

20.4 小结 281

20.5 讨论 282

第21章 自定义Bootsrap和Bootstrap网站 286

21.1 使用自己的CSS 286

21.2 使用Bootstrap Customizer 290

21.2.1 Less文件和jQuery插件 291

21.2.2 Less变量 292

21.2.3 下载和安装自定义Bootstrap 294

21.3 使用第三方Bootstrap定制工具 295

21.4 小结 295

21.5 讨论 295

第22章 提高Bootstrap的可访问性 299

22.1 什么是可访问性 299

22.1.1 可访问性设计实践 300

22.1.2 WAI-ARIA和可访问性 301

22.2 Bootstrap中的可访问设计 301

22.2.1 跳过导航 302

22.2.2 嵌套标题 302

22.2.3 颜色对比 303

22.3 Bootstrap网站可访问性技巧 303

22.4 小结 304

22.5 讨论 304

第23章 使用Less和Sass与Bootstrap配合 307

23.1 什么是CSS预处理器 307

23.2 使用Less 308

23.2.1 Less的功能 308

23.2.2 结合使用Less和Bootstrap 310

23.3 使用Sass 312

23.3.1 Sass的功能 312

23.3.2 结合使用Sass和Bootstrap 314

23.4 小结 315

23.5 讨论 315

第24章 进一步应用Bootstrap 319

24.1 Bootstrap编辑器 319

24.1.1 Web编辑器 319

24.1.2 主题构建和定制工具 321

24.2 在WordPress中使用Bootstrap 322

24.2.1 使用WordPress插件 322

24.2.2 寻找用于WordPress的Bootstrap主题 323

24.2.3 构建自己的WordPress主题 323

24.3 用第三方附加程序扩展Bootstrap 330

24.3.1 Bootstrap主题 330

24.3.2 Bootstrap插件 330

24.3.3 Bootstrap社区 331

24.3.4 漂亮的Bootstrap网站 331

24.4 小结 333

24.5 讨论 334