《 Bootstrap 5从入门到精通（视频教学版）》[57]百度网盘|亲测有效|pdf下载

产品特色

编辑推荐

本书详解Bootstrap 5框架的用法以及两个网站实战项目的开发方法，使读者快速掌握Bootstrap框架开发技能，提高Web前端的实战开发能力。

本书配套教学资源非常丰富，示例源码、PPT课件、同步教学视频、作者微信答疑、教学大纲、面试技巧以及其他丰富的教学资源。

本书适合Bootstrap初学者及Web前端开发人员。

内容简介

《Bootstrap 5从入门到精通：视频教学版》结合示例和综合项目的演练，详细讲解Bootstrap开发技术，使读者快速掌握Bootstrap开发技能，提高使用Bootstrap开发Web前端的实战能力。本书配套示例源码、PPT课件、微课教学视频、教学大纲以及其他超值教学资源，方便读者快速上手或进行二次开发。

《Bootstrap 5从入门到精通：视频教学版》共分13章，内容包括Bootstrap 5的基本概念，使用Bootstrap 5的方法，Bootstrap的基本架构，Bootstrap的弹性布局，精通Bootstrap页面排版，使用CSS通用样式，常见CSS组件的使用，高级CSS组件的使用，卡片、旋转器和手风琴组件，认识JavaScript插件，精通JavaScript插件，Bootstrap表单的应用。每一章都配有很多示例和一个小综合案例，最后一章给出网上商城大综合案例来提升读者的实战能力。

《Bootstrap 5从入门到精通：视频教学版》内容全面、案例丰富，适合Bootstrap初学者以及Web前端开发人员，是Bootstrap开发人员手边非常方便的工具书和参考手册。本书也适合作为高等院校或高职高专相关专业Web前端课程的教材或教辅。

作者简介

李小威，软件开发项目经理，资深前端开发工程师，在软件开发领域有十多年的开发经验，擅长Web前端、Java、PHP、数据库、数据分析等技术。著有多本畅销IT图书，包括《Vue.js 3.x从入门到精通（视频教学版）》《MySQL 8.x从入门到精通（视频教学版）》《Vue.js 3.x高效前端开发（视频教学版）》《SQL基础教程（视频教学版）》《PostgreSQL 11从入门到精通（视频教学版）》。

目　　录

目录
第 1 章认识Bootstrap
1.1 Bootstrap概述
1.1.1 Bootstrap的由来
1.1.2 Bootstrap的版本
1.1.3 浏览器支持
1.2 Bootstrap特性
1.2.1 Bootstrap的功能
1.2.2 Bootstrap的构成
1.2.3 Bootstrap的特色
1.2.4 Bootstrap的优势
1.3 Bootstrap开发工具和资源
1.3.1 Bootstrap开发工具
1.3.2 Bootstrap资源

目    录 第 1 章  认识Bootstrap 1.1  Bootstrap概述 1.1.1  Bootstrap的由来 1.1.2  Bootstrap的版本 1.1.3  浏览器支持 1.2  Bootstrap特性 1.2.1  Bootstrap的功能 1.2.2  Bootstrap的构成 1.2.3  Bootstrap的特色 1.2.4  Bootstrap的优势 1.3  Bootstrap开发工具和资源 1.3.1  Bootstrap开发工具 1.3.2  Bootstrap资源 1.4  Bootstrap 5的新变化 第 2 章  使用Bootstrap 5 2.1  下载Bootstrap 5 2.2  安装Bootstrap 5.3 2.2.1  本地安装 2.2.2  在线安装 2.3  实战案例 2.3.1  案例1：第一个Bootstrap网页 2.3.2  案例2：设计古诗网页显示样式 2.3.3  案例3：设计网站主页的按钮 第 3 章  Bootstrap的基本架构 3.1  Bootstrap布局基础 3.1.1  响应式设计 3.1.2  布局容器 3.1.3  响应式容器 3.1.4  媒体查询 3.1.5  z-index属性 3.2  Bootstrap的网格系统 3.2.1  认识网格系统 3.2.2  响应列 3.2.3  响应类 3.2.4  偏移列 3.2.5  嵌套列 3.3  实战案例 3.3.1  案例1：设计网站动画特效 3.3.2  案例2：设计美食博客页面 3.3.3  案例3：设计网页资讯页面 第 4 章  Bootstrap的弹性布局 4.1  定义弹性盒子 4.2  排列方向 4.2.1  水平方向排列 4.2.2  垂直方向排列 4.3  定义弹性布局 4.3.1  内容排列布局 4.3.2  项目对齐布局 4.3.3  自动对齐布局 4.3.4  自动相等布局 4.3.5  等宽变换布局 4.3.6  包裹弹性布局 4.3.7  排列顺序布局 4.3.8  对齐内容布局 4.4  自动浮动布局 4.4.1  水平方向浮动布局 4.4.2  垂直方向浮动布局 4.5  实战案例 4.5.1  案例1：弹性布局联系页面 4.5.2  案例2：弹性布局产品页面 4.5.3  案例3：弹性布局员工页面 第 5 章  精通Bootstrap页面排版 5.1  页面排版的初始化 5.2  文字排版 5.2.1  标题 5.2.2  段落 5.2.3  强调 5.2.4  缩略语 5.2.5  引用 5.3  显示代码 5.3.1  行内代码 5.3.2  多行代码块 5.4  响应式图片 5.4.1  图片的同步缩放 5.4.2  图片缩略图 5.4.3  图片对齐方式 5.5  优化表格的样式 5.5.1  表格默认样式 5.5.2  无边框表格样式 5.5.3  条纹状表格样式 5.5.4  设计表格边框样式 5.5.5  鼠标指针悬停表格样式 5.5.6  设置表格背景颜色 5.6  实战案例 5.6.1  案例1：设计人员管理页面 5.6.2  案例2：设计商品信息管理页面 5.6.3  案例3：设计订单信息管理页面 第 6 章  使用CSS通用样式 6.1  文本处理 6.1.1  文本对齐 6.1.2  文本换行 6.1.3  转换大小写 6.1.4  粗细和斜体 6.1.5  其他文本样式类 6.2  颜色样式 6.2.1  文本颜色 6.2.2  链接颜色 6.2.3  背景颜色 6.3  边框样式 6.3.1  添加边框 6.3.2  边框颜色 6.3.3  圆角边框 6.4  宽度和高度 6.4.1  相对于父元素 6.4.2  相对于视口 6.5  边距样式 6.5.1  边距的定义 6.5.2  响应式边距 6.6  浮动样式 6.6.1  实现浮动样式 6.6.2  响应式浮动样式 6.7  display属性 6.7.1  隐藏或显示元素 6.7.2  响应式隐藏或显示元素 6.8  其他通用样式 6.8.1  嵌入网页元素 6.8.2  内容溢出 6.8.3  定位网页元素 6.8.4  定义阴影效果 6.9  实战案例 6.9.1  案例1：设计图文混排页面 6.9.2  案例2：设计旅游宣传页面 6.9.3  案例3：设计服务宣传页面 第 7 章  常见CSS组件的使用 7.1  下拉菜单 7.1.1  定义下拉菜单 7.1.2  设置下拉菜单 7.1.3  下拉菜单的弹出方向 7.1.4  下拉菜单中的文本项 7.2  按钮 7.2.1  定义按钮 7.2.2  设计按钮风格 7.2.3  设置块级按钮 7.3  按钮组 7.3.1  定义按钮组 7.3.2  设置按钮组大小 7.3.3  设计按钮组的布局 7.4  导航组件 7.4.1  定义导航 7.4.2  设计导航的布局 7.4.3  设计导航的风格 7.4.4  动态导航选项卡 7.5  信息提示框 7.5.1  定义信息提示框 7.5.2  添加链接 7.5.3  关闭信息提示框 7.6  实战案例 7.6.1  案例1：设计左侧导航栏页面 7.6.2  案例2：设计横向菜单栏页面 7.6.3  案例3：模拟制作选择题答题样式页面 第 8 章  高级CSS组件的使用 8.1  导航栏 8.1.1  定义导航栏 8.1.2  定位导航栏 8.1.3  不同颜色导航栏 8.1.4  居中对齐导航栏 8.1.5  垂直对齐导航栏 8.2  进度条 8.2.1  定义进度条 8.2.2  设计进度条样式 8.2.3  设计进度条风格 8.3  列表组 8.3.1  定义列表组 8.3.2  设置列表组样式 8.3.3  定制列表组内容 8.4  分页效果 8.4.1  定义分页 8.4.2  使用图标 8.4.3  设计分页风格 8.5  面包屑 8.5.1  定义面包屑 8.5.2  设计分隔符 8.6  徽章 8.6.1  定义徽章 8.6.2  设置徽章颜色 8.6.3  定义椭圆形徽章 8.6.4  徽章插入元素内 8.7  实战案例 8.7.1  案例1：设计招聘信息页面 8.7.1  案例2：设计部门人数页面 8.7.1  案例3：设计产品展示页面 第 9 章  卡片、旋转器和手风琴组件 9.1  卡片内容 9.1.1  定义卡片 9.1.2  卡片的图片 9.1.3  卡片的列表组 9.1.4  卡片的页眉和页脚 9.2  控制卡片的宽度 9.2.1  使用网格系统控制 9.2.2  使用宽度类控制 9.2.3  使用CSS样式控制 9.3  卡片中文本的对齐方式 9.4  卡片中添加导航 9.5  设计卡片的风格 9.5.1  设置卡片的背景颜色 9.5.2  设置背景图像 9.5.3 卡片的边框颜色 9.5.4  设计卡片的样式 9.6  卡片排版 9.7  旋转器 9.7.1  定义旋转器 9.7.2  设置旋转器风格 9.7.3  设置旋转器的对齐方式 9.7.4  按钮旋转器 9.8  手风琴组件 9.8.1  创建手风琴 9.8.2  手风琴组件的样式 9.8.3  手风琴组件中使用列表 9.8.4  设计手风琴效果 9.9  实战案例 9.9.1  案例1：设计卡片布局页面 9.9.2  案例2：设计综合评价页面 9.9.3  案例3：设计产品推荐页面 第 10 章  认识JavaScript插件 10.1  插件概述 10.1.1  插件分类 10.1.2  安装插件 10.1.3  调用插件 10.2  警告框插件 10.2.1  关闭警告框 10.2.2  显示警告框 10.3  按钮插件 10.3.1  按钮式复选框 10.3.2  按钮式单选按钮 10.4  轮播插件 10.4.1  定义轮播 10.4.2  描述轮播图片 10.4.3  设计轮播风格 10.5  折叠插件 10.5.1  定义折叠效果 10.5.2  控制多目标 10.6  下拉菜单插件 10.6.1  调用下拉菜单 10.6.2  设置下拉菜单 10.6.3  添加用户行为 10.7  模态框插件 10.7.1  定义模态框 10.7.2  模态框布局 10.7.3  模态框样式 10.8  实战案例 10.8.1  案例1：设计抢红包模态框 10.8.2  案例2：设计用户登录页面 10.8.3  案例3：设计网页Banner效果 第 11 章  精通JavaScript插件 11.1  侧边栏导航 11.1.1  创建侧边栏导航 11.1.2  侧边栏导航的方向 11.1.3  设置侧边栏导航背景样式 11.2  弹出框插件 11.2.1  创建弹出框 11.2.2  弹出框方向 11.2.3  关闭弹出框 11.3  滚动监听插件 11.3.1  创建滚动监听 11.3.1  导航栏中的滚动监听 11.3.2  垂直导航栏中的滚动监听 11.3.2  列表组中的滚动监听 11.4  标签页插件 11.5  吐司消息插件 11.5.1  创建吐司消息 11.5.2  堆叠吐司消息 11.5.3  自定义吐司消息 11.5.4  设置吐司消息的颜色 11.6  提示框插件 11.6.1  创建提示框 11.6.2  提示框方向 11.6.3  调用提示框 11.7  实战案例 11.7.1  案例1：设计商品推荐区页面 11.7.2  案例2：设计侧边导航栏 11.7.3  案例3：设计产品展示区页面 第 12 章  Bootstrap表单的应用 12.1  Bootstrap创建表单 12.1.1  定义表单控件 12.1.2  设置表单控件的大小 12.1.3  设置表单控件只读 12.1.4  设置只读纯文本 12.1.5  范围输入 12.2  复选框和单选按钮 12.2.1  默认堆叠方式 12.2.2  水平排列方式 12.2.3  开关形式的复选框 12.3  设计表单的布局 12.3.1  使用网格系统布局表单 12.3.2  设置列的宽度布局表单 12.4  下拉列表 12.4.1  单选和多选下拉列表 12.4.2  为<input>元素设置下拉列表 12.5  帮助文本 12.6  禁用表单 12.7  浮动标签 12.8  实战案例 12.8.1  案例1：设计用户登记表 12.8.2  案例2：设计员工注册表 12.8.3  案例3：设计联系信息页面 第 13 章  综合项目1——开发网上商城网站 13.1  网站概述 13.1.1  网站结构 13.1.2  项目效果 13.1.3  设计准备 13.2  设计主页 13.2.1  设计网页头部 13.2.2  设计导航条 13.2.3  设计轮播广告 13.3.4  设计横幅广告 13.2.5  设计产品介绍 13.2.6  设计特色展示 13.2.7  设计主页底部 13.3  设计其他页面 13.3.1  “关于我们”页面 13.3.2  “服务介绍”页面 13.3.3  “联系我们”页面 13.3.4  “客户评价”页面 13.3.5  “团队介绍”页面

显示全部信息

前　　言

Bootstrap是目前非常流行的前端开源框架。采用Bootstrap不仅可以快速设计优美而整洁的网站，而且还可以轻松地维护和升级网站。由于Bootstrap与其他库或已有项目的整合非常方便，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。本书完整介绍Bootstrap前端开发技术，内容丰富，条理清晰，实用性强，配套资源丰富，方便读者快速入门。
本书内容
第1章是认识Bootstrap，主要包括Bootstrap概述、Bootstrap特性、Bootstrap开发工具和资源、Bootstrap 5的新变化。
第2章是使用Bootstrap 5，主要包括下载Bootstrap 5.3、安装Bootstrap 5.3。
第3章是Bootstrap的基本架构，主要包括Bootstrap布局基础、Bootstrap的网格系统。
第4章是Bootstrap的弹性布局，主要包括定义弹性盒子、排列方向、定义弹性布局、自动浮动布局。
第5章是精通Bootstrap页面排版，主要包括页面排版的初始化、文字排版、显示代码、响应式图片、优化表格的样式。

Bootstrap是目前非常流行的前端开源框架。采用Bootstrap不仅可以快速设计优美而整洁的网站，而且还可以轻松地维护和升级网站。由于Bootstrap与其他库或已有项目的整合非常方便，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。本书完整介绍Bootstrap前端开发技术，内容丰富，条理清晰，实用性强，配套资源丰富，方便读者快速入门。
本书内容
第1章是认识Bootstrap，主要包括Bootstrap概述、Bootstrap特性、Bootstrap开发工具和资源、Bootstrap 5的新变化。
第2章是使用Bootstrap 5，主要包括下载Bootstrap 5.3、安装Bootstrap 5.3。
第3章是Bootstrap的基本架构，主要包括Bootstrap布局基础、Bootstrap的网格系统。
第4章是Bootstrap的弹性布局，主要包括定义弹性盒子、排列方向、定义弹性布局、自动浮动布局。
第5章是精通Bootstrap页面排版，主要包括页面排版的初始化、文字排版、显示代码、响应式图片、优化表格的样式。
第6章是使用CSS通用样式，主要包括文本处理、颜色样式、边框样式、宽度和高度、边距样式、浮动样式、display属性和其他通用样式。
第7章是常见CSS组件的使用，主要包括下拉菜单、按钮、按钮组、导航组件和信息提示框。
第8章是高级CSS组件的使用，主要包括导航栏、进度条、列表组、分页效果、面包屑、徽章。
第9章是卡片、旋转器和手风琴组件，主要包括卡片内容、控制卡片的宽度、卡片中文本的对齐方式、卡片中添加导航、设计卡片的风格、卡片排版、旋转器和手风琴组件。
第10章是认识JavaScript插件，主要包括插件概述、警告框插件、按钮插件、轮播插件、折叠插件、下拉菜单插件、模态框插件。
第11章是精通JavaScript插件，主要包括侧边栏导航、弹出框插件、滚动监听插件、标签页插件、吐司消息插件、提示框插件。
第12章是Bootstrap表单的应用，主要包括Bootstrap创建表单、复选框和单选按钮、设计表单的布局、下拉列表、帮助文本、禁用表单、浮动标签。
第13章是开发网上商城网站，主要包括网站概述、设计主页、设计其他页面。
本书特色
（1）知识全面：内容由浅入深，涵盖所有Bootstrap开发的知识点，便于读者循序渐进地掌握Bootstrap前端开发技术。
（2）注重操作：结合知识点，把所有的开发技能融入操作步骤中，使本书变成一本能“操作”的书。
（3）图文并茂：在介绍案例的过程中，每一个操作均有对应的插图。这种图文结合的方式使读者在学习过程中能够直观、清晰地看到操作的过程以及效果，便于更快地理解和掌握操作要点。
（4）案例丰富：把知识点融汇于系统的案例实战当中，结合经典案例进行讲解和拓展，进而使读者达到“知其然，并知其所以然”的效果，并在实战中掌握Bootstrap前端开发技术。
（5）作者答疑：本书作者提供微信答疑服务，对读者在学习过程中可能会遇到的疑难问题进行解答，帮助读者尽快掌握Bootstrap框架。
超值资源下载
本书配套的超值资源包括：示例源代码、PPT课件、同步教学视频、教学大纲、教案、经典上机习题和答案、Bootstrap 5常见错误及解决方案、30个企业级实战项目源码、就业面试题库和解答、Bootstrap 5开发经验及技巧汇总等，需要用微信扫描下边二维码获取。
读者对象
<ul>
<li>没有任何Bootstrap 5前端开发基础的初学者</li>
<li>希望快速、全面掌握Bootstrap 5的Web前端开发人员</li>
<li>高等院校或高职高专Web前端技术相关课程的师生</li>
</ul>
鸣谢
本书由李小威主创，参加编写的作者还有王英英和刘增杰。虽然编写过程中倾注了编者的心血，但由于水平有限，加之时间仓促，书中难免有错漏之处，欢迎各位读者批评指正。如果读者在阅读本书的过程中遇到问题或有好的建议，敬请与我们联系。
 
编    者
2023年6月

显示全部信息