Bootstrap基础教程PDF|Epub|txt|kindle电子书版本网盘下载

Bootstrap基础教程PDF格式电子书版下载

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

第1章 Bootstrap是什么1

1.1 Bootstrap简述2

1.2 为什么使用Bootstrap2

1.3 如何使用Bootstrap3

1.4 下载Bootstrap3

1.5 简单模板5

1.6 案例：第一个Bootstrap实例7

1.7 Bootstrap 49

本章小结9

练习与实训9

第2章 栅格系统10

2.1 实现原理11

2.2 工作原理11

2.3 使用方法13

2.3.1 基本用法13

2.3.2 列偏移14

2.3.3 列排序15

2.3.4 列嵌套17

2.3.5 响应式栅格18

2.4 案例：招商银行首页22

本章小结26

练习与实训26

第3章 CSS布局27

3.1 排版28

3.1.1 标题28

3.1.2 段落29

3.1.3 mark标签30

3.1.4 小号文本30

3.1.5 del和s标签30

3.1.6 ins和u标签30

3.1.7 strong和em标签31

3.1.8 b和i标签31

3.1.9 文本对齐方式31

3.1.10 字母大小写32

3.1.11 缩略语32

3.1.12 地址33

3.1.13 引用34

3.2 列表35

3.2.1 无序列表和有序列表35

3.2.2 无样式列表35

3.2.3 内联列表36

3.2.4 描述列表37

3.3 代码38

3.4 表格39

3.4.1 基本表格39

3.4.2 斑马线表格40

3.4.3 带边框的表格41

3.4.4 鼠标悬停高亮行41

3.4.5 紧凑型表格42

3.4.6 状态类43

3.4.7 响应式表格44

3.5 按钮45

3.5.1 预定义按钮45

3.5.2 按钮尺寸45

3.5.3 块级按钮46

3.5.4 按钮激活状态46

3.5.5 按钮禁用状态46

3.5.6 按钮标签47

3.6 图像47

3.6.1 响应式图像47

3.6.2 图像形状47

3.7 辅助类48

3.7.1 情景文本颜色48

3.7.2 情景文本背景色48

3.7.3 关闭按钮49

3.7.4 三角符号49

3.7.5 快速浮动50

3.7.6 块级居中显示50

3.7.7 清除浮动51

3.7.8 显示或隐藏51

3.7.9 屏幕阅读器和键盘焦点52

3.7.10 图像替换52

3.8 案例：个人简历52

本章小结57

练习与实训57

第4章 表单58

4.1 基础表单59

4.1.1 基本实例59

4.1.2 内联表单60

4.1.3 水平表单60

4.2 输入框62

4.3 下拉框63

4.4 文本域64

4.5 复选框和单选按钮64

4.6 表单焦点66

4.7 表单禁用67

4.8 验证样式69

4.8.1 颜色提示69

4.8.2 图标提示70

4.8.3 文字提示71

4.9 元素大小72

4.9.1 高度72

4.9.2 宽度74

4.10 输入框组74

4.11 案例：一个表单页面78

本章小结80

练习与实训80

第5章 CSS组件81

5.1 字体图标82

5.1.1 可用的字体图标82

5.1.2 使用字体图标83

5.1.3 字体图标实例83

5.1.4 定制字体图标84

5.2 下拉菜单84

5.2.1 基本用法84

5.2.2 对齐85

5.2.3 标题和分割线85

5.2.4 菜单状态86

5.3 按钮组86

5.3.1 基本按钮组86

5.3.2 按钮工具栏87

5.3.3 尺寸88

5.3.4 嵌套88

5.3.5 垂直的按钮组89

5.3.6 两端对齐的按钮组89

5.4 按钮式弹出菜单90

5.4.1 单按钮下拉菜单90

5.4.2 分裂式按钮下拉菜单90

5.4.3 尺寸91

5.4.4 向上弹出式菜单92

5.5 输入框组92

5.5.1 基本实例92

5.5.2 尺寸93

5.5.3 作为额外元素的复选框和单选按钮93

5.5.4 作为额外元素的按钮94

5.5.5 作为额外元素的按钮式下拉菜单94

5.5.6 作为额外元素的分裂式按钮下拉菜单95

5.5.7 作为额外元素的多个按钮95

5.6 导航96

5.6.1 选项卡导航96

5.6.2 胶囊式导航96

5.6.3 两端对齐的导航97

5.6.4 禁用的链接98

5.6.5 带有下拉菜单的导航98

5.7 导航栏99

5.7.1 默认样式的导航栏99

5.7.2 品牌图标100

5.7.3 表单100

5.7.4 按钮101

5.7.5 文本101

5.7.6 非导航的链接101

5.7.7 对齐方式102

5.7.8 固定在顶部103

5.7.9 固定在底部103

5.7.10 静止在顶部103

5.7.11 反色导航栏104

5.7.12 响应式导航栏104

5.8 路径导航105

5.9 分页106

5.9.1 基本实例106

5.9.2 禁用和激活状态106

5.9.3 尺寸107

5.10 翻页108

5.10.1 基本实例108

5.10.2 对齐链接108

5.10.3 可选的禁用状态109

5.11 标签109

5.11.1 基本实例109

5.11.2 多样式的标签110

5.12 徽章110

5.13 巨幕111

5.14 页头112

5.15 缩略图113

5.15.1 基本实例113

5.15.2 自定义内容114

5.16 警告框115

5.16.1 基本警告框115

5.16.2 可关闭的警告框116

5.16.3 警告框中的链接116

5.17 进度条117

5.17.1 基本实例117

5.17.2 根据情景变化的进度条117

5.17.3 条纹进度条118

5.17.4 动画进度条119

5.17.5 堆叠进度条120

5.18 媒体对象120

5.18.1 默认样式121

5.18.2 对齐方式122

5.18.3 媒体对象列表123

5.19 列表组125

5.19.1 基本实例125

5.19.2 向列表组添加徽章125

5.19.3 向列表组添加链接126

5.19.4 向列表组中添加按钮126

5.19.5 列表项目禁用状态127

5.19.6 列表项目情景类127

5.19.7 向列表组添加自定义内容128

5.20 面板128

5.20.1 基本实例128

5.20.2 带标题的面板128

5.20.3 带脚注的面板129

5.20.4 情景效果129

5.20.5 带表格的面板130

5.20.6 带列表组的面板131

5.21 Well132

5.22 案例：制作一个个人简历页面133

本章小结138

练习与实训138

第6章 JavaScript插件139

6.1 插件库说明140

6.2 模态框140

6.2.1 模态框的结构141

6.2.2 模态框的特点142

6.2.3 模态框触发方式144

6.2.4 过渡效果145

6.2.5 触发参数data-＊145

6.2.6 JavaScript触发——参数146

6.2.7 JavaScript触发——方法148

6.2.8 JavaScript触发——事件149

6.3 下拉菜单151

6.3.1 声明式触发151

6.3.2 JavaScript触发152

6.3.3 事件152

6.4 滚动监听154

6.4.1 组件说明154

6.4.2 滚动监听实现步骤155

6.4.3 声明式触发156

6.4.4 JavaScript触发158

6.5 选项卡160

6.5.1 选项卡的组成161

6.5.2 声明式触发161

6.5.3 JavaScript触发162

6.5.4 过渡效果163

6.5.5 事件163

6.6 工具提示165

6.6.1 结构165

6.6.2 JavaScript触发165

6.6.3 Data-＊属性166

6.6.4 事件167

6.7 弹出框168

6.7.1 弹出框结构168

6.7.2 声明式属性169

6.7.3 JavaScript触发169

6.7.4 事件170

6.8 警告框172

6.8.1 Alert结构172

6.8.2 声明式触发172

6.8.3 JavaScript触发173

6.8.4 事件174

6.9 按钮175

6.9.1 按钮加载状态175

6.9.2 单选按钮176

6.9.3 复选框176

6.9.4 方法177

6.10 折叠178

6.10.1 结构178

6.10.2 声明式触发180

6.10.3 方法181

6.10.4 事件182

6.11 轮播183

6.11.1 轮播结构184

6.11.2 声明式触发186

6.11.3 JavaScript触发187

6.11.4 事件187

6.12 Afflix插件188

6.12.1 声明属性188

6.12.2 JavaScript方法189

6.12.3 事件190

6.13 案例190

本章小结200

练习与实训200

第7章 第三方扩展201

7.1 字体图标202

7.1.1 介绍202

7.1.2 常规用法203

7.1.3 List列表上的图标204

7.1.4 导航上的图标205

7.1.5 固定角度旋转图标207

7.1.6 动画图标207

7.1.7 多图叠加208

7.2 Buttons210

7.3 DateTimePicker217

7.4 Flat UI222

7.5 案例：特性页面223

本章小结225

练习与实训226

第8章 综合案例227

8.1 网站概述228

8.2 开始页面230

8.3 主要内容的制作230

8.3.1 制作第一屏230

8.3.2 制作第二屏232

8.3.3 制作第三屏234

8.3.4 制作第四屏239

8.4 完善网站240

8.4.1 添加地图240

8.4.2 添加导航条242

8.4.3 设置页脚244

8.4.4 设置滚动监听245

8.4.5 平滑滚动245

本章小结246

练习与实训246

附录A Less和Sass247

附录B CSS选择器255

参考文献258