Bootstrap基础教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第一部分 Bootstrap布局2

1 Bootstrap是什么2

1.1 Bootstrap简述2

1.2 如何使用Bootstrap3

1.3 包含内容4

1.4 简单模板5

1.5 简单实例6

2 网格系统9

2.1 实现原理9

2.2 工作原理9

2.3 基本用法11

2.4 列偏移12

2.5 列排序13

2.6 列嵌套15

3 排版16

3.1 标题16

3.1.1 大标题16

3.1.2 小标题18

3.2 段落19

3.3 mark标签19

3.4 del和s标签19

3.5 ins和u标签20

3.6 strong和b标签20

3.7 em和i标签21

3.8 文本对齐方式21

3.9 字母大小写22

3.10 abbr标签的title属性23

3.11 引用样式23

3.12 列表23

3.12.1 有序列表和无序列表24

3.12.2 去点列表24

3.12.3 内联列表25

3.12.4 定义列表25

3.12.5 水平列表25

3.13 代码27

3.14 表格28

3.14.1 基础表格28

3.14.2 斑马线29

3.14.3 表格边框30

3.14.4 高亮行31

3.14.5 紧凑型表格33

3.14.6 响应式表格33

第二部分 Bootstrap表单元素33

4 表单36

4.1 基础表单36

4.1.1 基本实例36

4.1.2 内联表单37

4.1.3 水平表单37

4.2 输入框39

4.3 下拉框39

4.4 文本域40

4.5 多选框和单选框41

4.6 表单焦点42

4.7 表单禁用42

4.8 验证样式44

4.8.1 颜色提示44

4.8.2 图标提示45

4.8.3 文字提示46

4.9 元素大小47

4.9.1 高度47

4.9.2 宽度49

4.10 按钮49

4.10.1 基本按钮49

4.10.2 多标签50

4.10.3 按钮风格51

4.10.4 按钮大小52

4.10.5 块状按钮53

4.10.6 激活和禁用53

4.11 图片54

4.12 图标56

4.13 输入框组58

5 下拉菜单62

5.1 基本用法62

5.2 基本原理63

5.3 分割线64

5.4 菜单标题64

5.5 对齐方式65

5.6 菜单状态68

6 按钮组70

6.1 基本按钮组70

6.2 工具栏71

6.3 按钮组的大小74

6.4 嵌套分组76

6.5 垂直分组77

6.6 等分按钮78

6.7 按钮下拉菜单78

第三部分 Bootstrap导航84

7 导航84

7.1 导航基础样式84

7.2 选项卡导航86

7.3 Pills导航86

7.4 垂直导航87

7.5 导航状态88

7.6 自适应导航88

7.7 导航二级菜单89

7.8 面包屑导航90

7.9 导航条92

7.10 导航条的基本用法92

7.11 品牌图标93

7.12 导航条——表单94

7.13 导航条——按钮96

7.14 导航条——文本和链接97

7.15 导航条中的二级菜单98

7.16 固定导航条99

7.17 响应式导航条101

7.18 反色导航条103

7.19 分页导航104

7.20 标签和徽章107

第四部分 Bootstrap内置组件107

8 内置组件112

8.1 面板112

8.1.1 基础应用113

8.1.2 面板的标题和脚注114

8.1.3 基础样式114

8.1.4 嵌套表格116

8.1.5 嵌套列表118

8.2 缩略图119

8.3 巨幕122

8.4 页头123

8.5 提示框124

8.6 进度条127

8.6.1 基础进度条127

8.6.2 显示进度127

8.6.3 彩色进度条129

8.6.4 条纹进度条130

8.6.5 堆叠效果131

8.7 媒体对象132

8.7.1 基本构成132

8.7.2 对齐方式133

8.7.3 嵌套对象134

8.7.4 媒体列表组135

8.8 列表组136

8.8.1 基础列表组136

8.8.2 带徽章的列表组137

8.8.3 链接列表组138

8.8.4 其他元素的支持139

8.8.5 状态设置141

8.8.6 列表组主题143

第五部分 Bootstrap对JavaScript的支持143

9 JavaScript支持146

9.1 插件库说明146

9.2 编程方式147

9.2.1 data-＊属性147

9.2.2 编程方式API149

9.2.3 命名空间冲突149

9.2.4 事件149

9.2.5 版本150

9.3 过渡效果150

9.4 对话框152

9.4.1 对话框结构152

9.4.2 对话框的特点153

9.4.3 弹出框触发方式156

9.4.4 过渡效果158

9.4.5 触发参数data-＊159

9.4.6 JavaScript触发——参数161

9.4.7 JavaScript触发——方法163

9.4.8 JavaScript触发——事件165

9.5 下拉菜单167

9.5.1 声明式触发167

9.5.2 JavaScript触发168

9.5.3 事件169

9.6 监听滚动171

9.6.1 组件说明171

9.6.2 滚动监听实现步骤171

9.6.3 声明式触发173

9.6.4 JavaScript触发175

9.7 Tab选项卡176

9.7.1 选项卡的组成177

9.7.2 声明式触发178

9.7.3 JavaScript触发180

9.7.4 Pills导航181

9.7.5 过渡效果181

9.7.6 事件182

9.8 Tip提示184

9.8.1 结构185

9.8.2 JavaScript触发185

9.8.3 data-＊属性187

9.8.4 JavaScript触发参数188

9.8.5 事件189

9.9 提示框190

9.9.1 alert结构190

9.9.2 声明式触发191

9.9.3 JavaScript触发192

9.9.4 事件193

9.10 Popover弹出框193

9.10.1 弹出框结构194

9.10.2 声明式属性194

9.10.3 JavaScript方式触发195

9.10.4 事件197

9.11 按钮198

9.11.1 按钮加载状态198

9.11.2 单选按钮199

9.11.3 多选按钮200

9.11.4 方法201

9.12 折叠／手风琴Collapse203

9.12.1 结构204

9.12.2 声明式触发205

9.12.3 方法207

9.12.4 事件208

9.13 轮播图209

9.13.1 轮播图构成210

9.13.2 声明式触发213

9.13.3 JavaScript触发215

9.13.4 事件216

9.14 Affix插件216

9.14.1 声明属性217

9.14.2 JavaScript方法217

9.14.3 事件220

第六部分 HTML5和CSS 3的相关知识220

10 HTML5元素222

10.1 表单属性222

10.2 Input类型223

10.3 HTML 5新标签226

10.3.1 role属性226

10.3.2 header标签226

10.3.3 footer标签227

10.3.4 nav标签227

10.3.5 article标签228

10.3.6 section标签228

11 CSS 3样式230

11.1 选择器230

11.1.1 完全匹配属性选择器231

11.1.2 包含匹配选择器231

11.1.3 首字符匹配选择器231

11.1.4 末字符匹配选择器231

11.2 伪类选择器232

11.3 阴影232

11.4 背景233

11.5 圆角边框235

11.6 响应式设计235

11.6.1 什么是响应式设计235

11.6.2 响应式设计优缺点236

11.6.3 Viewport窗口236

11.6.4 Media Queries语法236

12 案例240

12.1 默认样式的不足240

12.2 日历控件的使用242

12.3 页面显示代码内容243

12.4 表格插件244

12.5 图表插件246

附录A Bootstrap 4.0以及其他249

A.1 重大更新249

A.2 重要链接地址250