Bootstrap响应式网站开发实战PDF|Epub|txt|kindle电子书版本网盘下载

Bootstrap响应式网站开发实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 认识Bootstrap1

1.1 为什么要学习Bootstrap2

1.2 Bootstrap为何如此流行3

1.2.1 功能强大和样式美观的强强联合3

1.2.2 高度可定制性3

1.2.3 丰富的生态圈4

1.2.4 布局兼容性良好5

1.3 Bootstrap的版本发展5

1.3.1 Bootstrap 15

1.3.2 Bootstrap 25

1.3.3 Bootstrap 37

1.3.4 Bootstrap 48

本章总结8

本章作业8

第2章 Bootstrap框架基础9

2.1 引入Bootstrap10

2.1.1 在自己的项目中引入Bootstrap10

2.1.2 添加Bootstrap的class实现基本样式11

2.2 Bootstrap的通用组件调用12

2.3 添加JavaScript动态效果13

本章总结14

本章作业14

第3章 Bootstrap栅格系统15

3.1 固定布局的概念16

3.2 固定布局的栅格系统17

3.3 流式布局的栅格系统18

3.4 响应式布局的栅格系统18

本章总结20

本章作业21

第4章 Bootstrap的基本样式22

4.1 字体版式23

4.1.1 标题23

4.1.2 全局设置24

4.2 表格24

4.3 按钮26

4.4 表单27

4.5 图片29

本章总结30

本章作业31

第5章 使用Bootstrap的组件32

5.1 下拉菜单33

5.2 按钮组34

5.3 input控件组35

5.4 导航35

5.5 头部导航36

5.6 列表组39

5.7 分页40

5.8 标签与徽章41

5.9 缩略图42

5.10 面板43

5.11 进度条45

5.12 多媒体对象47

本章总结48

本章作业48

第6章 LESS和SASS51

6.1 为什么要用CSS预处理程序52

6.1.1 CSS不能设置变量52

6.1.2 冗余重复的代码52

6.1.3 无法实现计算功能52

6.1.4 命名空间与作用域53

6.1.5 CSS缺陷总结54

6.2 LESS的应用54

6.2.1 LESS介绍54

6.2.2 LESS使用基础55

6.2.3 使用变量55

6.2.4 使用混合56

6.2.5 嵌套规则57

6.2.6 函数和运算57

6.2.7 LESS语言总结58

6.3 SASS的应用58

6.3.1 SASS介绍58

6.3.2 SASS安装和使用59

6.3.3 使用变量59

6.3.4 计算60

6.3.5 嵌套60

6.3.6 代码重用60

6.3.7 高级用法62

6.3.8 SASS总结62

6.4 使用SASS的扩展库Compass63

6.4.1 Reset模块64

6.4.2 CSS3模块64

6.4.3 Utilities模块66

6.4.4 Helpers函数67

6.4.5 Compass总结68

本章总结68

第7章 使用Bootstrap插件69

7.1 概述70

7.2 过渡插件70

7.3 模态对话框70

7.3.1 用法71

7.3.2 对话框结构71

7.4 标签页切换72

7.4.1 标签页用法73

7.4.2 用jQuery实现标签页切换73

7.5 工具提示条73

7.5.1 用法73

7.5.2 用js使标签页生效74

7.6 弹出框74

7.6.1 用法74

7.6.2 用js使弹出框生效74

7.7 提示信息74

7.7.1 用法75

7.7.2 选项75

7.8 按钮75

7.8.1 按钮的Loading状态75

7.8.2 按钮组的状态设置76

7.9 折叠76

7.9.1 用法77

7.9.2 选项78

7.10 幻灯片78

7.10.1 用法79

7.10.2 选项79

本章总结80

本章作业80

第8章 定制及优化Bootstrap81

8.1 在官方网站进行Bootstrap定制81

8.2 修改源代码定制Bootstrap83

8.3 其他Bootstrap资源86

本章总结87

本章作业88

第9章 开发响应式企业网站89

9.1 布局企业站首页90

9.1.1 准备SASS91

9.1.2 构建页面框架91

9.2 设计首页91

9.2.1 设计index页面导航91

9.2.2 设计安全展示区94

9.2.3 添加搜索栏94

9.2.4 主体内容区块95

9.2.5 添加另一主体内容区块96

9.2.6 添加一个两栏图文区块97

9.2.7 添加另一个两栏图文区块98

9.2.8 添加footer区块99

9.2.9 添加页面样式100

9.3 设计about.html页面112

9.3.1 保留页面通用部分，添加about.html页面区块112

9.3.2 添加页面主体区块112

9.3.3 添加团队展示区块115

9.3.4 添加另一标题区块116

9.3.5 为about.html页面添加样式116

9.4 设计services.html页面118

9.4.1 保留页面通用部分，修改主体页面区块118

9.4.2 添加what we do区块122

9.4.3 添加scss样式124

9.5 设计blog.html页面126

9.5.1 保留页面通用部分，修改主体页面区块126

9.5.2 添加blog.html样式129

9.6 设计contact.html页面130

9.6.1 保留页面通用部分，添加公司地址130

9.6.2 添加用户表单131

9.7 用媒体查询进行移动端优化设计132

本章总结133

本章作业133

第10章 网站后台管理系统135

10.1 项目开始136

10.2 页面布局136

10.2.1 引入Bootstrap 3框架137

10.2.2 编写布局代码137

10.3 实现导航栏138

10.3.1 构建导航的框架代码138

10.3.2 填写标题和导航链接139

10.3.3 添加管理员和退出系统按钮139

10.3.4 添加管理员登录信息140

10.3.5 为导航添加图标并设置响应式导航141

10.4 实现左侧边栏143

10.5 实现主功能部分143

10.5.1 主功能的头部143

10.5.2 内容管理的文章列表145

本章总结149

本章作业149

第11章 使用Bootstrap实现电商网站151

11.1 设计电商首页index.html152

11.1.1 搭建Bootstrap框架152

11.1.2 为商城创建导航菜单153

11.1.3 向导航添加目录和导航链接154

11.1.4 为页面添加Banner156

11.1.5 添加产品目录157

11.1.6 为网站添加底部Footer158

11.1.7 添加产品列表及产品介绍159

11.2 设计购买页面buy.html162

11.3 设计列表页category.html166

11.4 设计产品详情页product.html166

本章总结173

本章作业174

第12章 Bootstrap内核解码175

12.1 Bootstrap设计思想176

12.1.1 12列栅格系统176

12.1.2 样式类型化177

12.1.3 代码松散与耦合的处理178

12.1.4 继承可扩展性179

12.2 Bootstrap框架解析180

12.2.1 源码结构180

12.2.2 类定义181

12.2.3 插件定义183

12.2.4 命名冲突的解决184

12.2.5 数据接口184

12.3 定义jQuery插件185

12.3.1 jQuery插件形式185

12.3.2 jQuery插件规范185

12.3.3 jQuery插件封装187

本章总结189

本章作业189