Bootstrap 基础教程

Bootstrap 基础教程 pdf epub mobi txt 电子书 下载 2026

出版者:电子工业出版社
作者:贺臣
出品人:
页数:260
译者:
出版时间:2016-5
价格:59.00元
装帧:
isbn号码:9787121279744
丛书系列:
图书标签:
  • 前端开发
  • bootstrap基础教程
  • Bootstrap
  • Bootstrap
  • 前端
  • 前端框架
  • CSS
  • HTML
  • 响应式布局
  • Web开发
  • 教程
  • 入门
  • 前端技术
想要找书就要到 小美书屋
立刻按 ctrl+D收藏本页
你会得到大惊喜!!

具体描述

Bootstrap 是一个基于HTML 5 和CSS 3 的前端开发框架,它提供了较为丰富的Web 组件,能够快速制作一个漂亮的Web 页面。

《Bootstrap 基础教程》主要围绕Bootstrap 框架,讲述了Bootstrap 布局、Bootstrap 表单元素、Bootstrap 导航、Bootstrap内置组件、Bootstrap 对JavaScript 的支持,以及HTML 5 和CSS 3 的一些基础知识等。《Bootstrap 基础教程》是为从未接触过Bootstrap 但又想了解学习Bootstrap 技术的读者而编写的,适合以下人群阅读:

熟悉JSP、PHP、ASP.NET 等后端Web 技术的开发人员;

对HTML 和CSS 有一定了解的UI 设计师;

对移动Web 开发有浓厚兴趣的开发者;

有一定JavaScript(jQuery)开发经验的前端开发人员。

《前端开发实战指南:从零开始构建响应式网页》 这本书将带你踏上一段全面而深入的前端开发之旅,旨在帮助你掌握构建现代、响应式、用户友好的网页所需的关键技能和实用技术。我们摒弃了零散的知识点教学,而是专注于通过实际项目驱动的学习过程,让你在实践中真正理解并运用所学。 本书内容概述: 第一部分:前端开发基础入门 HTML5 语义化构建: 告别陈旧的 `div` 堆砌,我们将深入讲解 HTML5 带来的新语义标签,如 `
`, `

作者简介

目录信息

第一部分 Bootstrap 布局
1 Bootstrap 是什么 .............................. 2
1.1 Bootstrap 简述 ............................. 2
1.2 如何使用Bootstrap ..................... 3
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 表单元素
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 导航
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 内置组件
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 的支持
9 JavaScript 支持 ............................ 146
9.1 插件库说明 .............................. 146
9.2 编程方式 .................................. 147
9.2.1 data-*属性 ................... 147
9.2.2 编程方式API .............. 149
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 折叠/手风琴Collapse ............ 203
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
第六部分 HTML和CSS 3的相关知识
10 HTML 元素 ................................. 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
· · · · · · (收起)

读后感

评分

评分

评分

评分

评分

用户评价

评分

我是一个视觉艺术专业的学生,对代码的逻辑性要求没有那么高,但对界面的视觉效果和易用性非常挑剔。坦白讲,我看过很多技术书籍,但大多枯燥乏味,让人读不下去。这本《Bootstrap基础教程》的排版和配图水平绝对是顶级的。每一章的配色方案和代码块的高亮都让人赏心悦目。更重要的是,它对图标库(Glyphicons/Font Awesome的整合)和排版规范的描述非常细致,讲解了不同字号、字重和对齐方式如何共同构建出和谐的视觉层次。书中对色彩理论在UI设计中的应用也略有提及,虽然不是专门的色彩学书籍,但这种跨学科的视角让学习过程变得非常有趣。我甚至用书中的方法,为我的毕业设计原型快速生成了一套统一的UI风格,这套风格在评委中获得了极高的评价。对于注重用户体验和视觉传达的初学者,这本书的审美指导价值甚至超过了它的技术价值。

评分

说实话,我是一个纯粹的后端开发人员,接触前端主要是为了做一些简单的管理后台界面,对美观度要求不高,但对功能的快速实现有很高要求。因此,我抱着试试看的心态买了这本书,原本没指望能看懂太多。然而,这本书的“快速上手”章节简直是为我量身定做的。它用最少的代码示例,展示了如何快速搭建起一个具备专业外观的登录页和仪表盘。我尤其欣赏它对JavaScript插件的讲解,比如轮播图(Carousel)和下拉菜单,作者直接给出了最简洁的引入和配置方法,让我无需深入理解复杂的jQuery源码就能立刻实现所需功能。书里甚至还提到了如何集成一些流行的第三方jQuery插件,这极大地拓展了我对Bootstrap生态系统的认知。这本书的价值在于它极大地缩短了功能实现到界面展示之间的距离,对于时间紧张的后端同事来说,这是一本效率工具书,而不是一本理论教科书。

评分

这本《Bootstrap基础教程》简直是前端入门的救星!我之前对着那些复杂的CSS框架和JavaScript组件感觉束手无策,尤其是各种响应式布局,简直是噩梦。但是这本书,从最基础的HTML结构开始讲起,循序渐进地介绍了Bootstrap的网格系统。作者的讲解方式非常直观,不是那种干巴巴的理论堆砌,而是大量的实例代码。我记得最清楚的是关于栅格系统的讲解,它用非常清晰的图示说明了如何使用`col-md-`、`col-lg-`这些类来控制不同屏幕尺寸下的布局变化。我跟着书上的例子敲了一遍,立刻就明白了“移动优先”的理念是怎么在Bootstrap中实现的。特别是Flexbox和Grid布局的结合使用,这本书里有专门的章节进行了深入浅出的剖析,这比我之前在网上看的零散教程要系统得多。通过这本书的学习,我现在对构建一个在手机、平板和桌面端都能完美显示的网站胸有成竹了,极大地提升了我的开发效率和自信心。

评分

作为一名有一定经验的网页设计师,我原本以为我对Bootstrap已经了如指掌,毕竟市面上的资源太多了。然而,这本《Bootstrap基础教程》还是给我带来了不少惊喜,尤其是在组件的高级用法和性能优化方面。它没有仅仅停留在教你如何调用现成的按钮或导航栏,而是深入讲解了这些组件背后的Sass变量和自定义主题的构建过程。书里关于表单验证和模态框(Modal)的交互逻辑处理部分写得极其透彻,特别是讲解了如何利用数据属性(data attributes)来控制组件的生命周期和行为,这在实际项目中非常实用。我尝试按照书中的指示,用自定义的LESS/Sass文件覆盖了Bootstrap的默认样式,发现整个过程比我想象的要流畅和可控得多。对于追求代码整洁和性能的前端工程师来说,这本书提供了从“会用”到“精通”的桥梁,让我对Bootstrap的理解上升到了框架定制的层面,而不是仅仅停留在调用类名。

评分

这本书的配套资源和作者的维护态度,是其他同类书籍无法比拟的。我购买实体书后,发现书中多次提及一个在线的代码仓库和社区论坛。在我学习过程中,有一个关于响应式导航栏在特定浏览器版本下出现闪烁的问题,我通过作者提供的论坛链接提问后,很快就得到了社区开发者的热心解答,甚至作者本人也参与了讨论,提供了最新的补丁方案。这体现了作者不仅仅是写了一本书,更是维护了一个学习和成长的生态系统。此外,书中对Bootstrap各个版本的更新迭代也做了简要说明,让我能清晰地了解当前最佳实践与过时方法的区别,避免了学习到一些已经被废弃的API。这种与时俱进的教学方式和强大的社区支持,让这本书的价值远远超出了书本本身的定价,它提供的是一个持续学习和解决实际问题的平台。

评分

不值

评分

跟看官方文档没太多差别

评分

跟看官方文档没太多差别

评分

不值

评分

不值

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2026 book.quotespace.org All Rights Reserved. 小美书屋 版权所有