BOOTSTRAP入门经典2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

BOOTSTRAP入门经典PDF格式电子书版下载

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

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

1.1 什么是Web框架1

1.1.1 框架不仅是一个模板2

1.1.2 框架的优缺点5

1.2 什么是Bootstrap6

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

1.4 为什么应该使用Bootstrap8

1.5 小结8

1.6 讨论8

第2章 下载安装Bootstrap11

2.1 从哪里得到Bootstrap11

2.2 获取Bootstrap的其他途径13

2.2.1 用Less编写的源代码13

2.2.2 Sass15

2.2.3 Bootstrap CDN16

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 Jumbotron27

3.4 小结28

3.5 讨论28

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

4.1 什么是Normalize.css31

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使用HTML534

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 Well60

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章 图像、媒体对象和Glyphicons117

10.1 图像117

10.1.1 响应式图像118

10.1.2 图像形状118

10.2 媒体对象119

10.3 缩略图122

10.4 Glyphicon124

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 按钮JavaScript139

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 API186

14.3.1 事件187

14.3.2 无冲突187

14.3.3 禁用JavaScript187

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 使用自己的CSS286

21.2 使用Bootstrap Customizer290

21.2.1 Less文件和jQuery插件291

21.2.2 Less变量292

21.2.3 下载和安装自定义Bootstrap294

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 使用Less308

23.2.1 Less的功能308

23.2.2 结合使用Less和Bootstrap310

23.3 使用Sass312

23.3.1 Sass的功能312

23.3.2 结合使用Sass和Bootstrap314

23.4 小结315

23.5 讨论315

第24章 进一步应用Bootstrap319

24.1 Bootstrap编辑器319

24.1.1 Web编辑器319

24.1.2 主题构建和定制工具321

24.2 在WordPress中使用Bootstrap322

24.2.1 使用WordPress插件322

24.2.2 寻找用于WordPress的Bootstrap主题323

24.2.3 构建自己的WordPress主题323

24.3 用第三方附加程序扩展Bootstrap330

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