Bootstrap响应式Web前端开发与实战(微课版)电子书

前言

第1章 响应式网页设计

1.1 什么是响应式网页设计

1.1.1 响应式网页设计原理

1.1.2 响应式网页的优点和缺点

1.2 视口

1.2.1 布局视口

1.2.2 视觉视口

1.2.3 理想视口

1.3 媒体查询

1.3.1 媒体查询的设置方式

1.3.2 媒体查询的使用方法

1.3.3 媒体类型

1.3.4 判断条件

1.3.5 媒体属性

1.4 实战：图书销售页面设计

1.4.1 页面结构分析

1.4.2 代码实现

1.5 本章小结

1.6 习题

第2章 Bootstrap简介

2.1 初识Bootstrap

2.1.1 何谓Bootstrap

2.1.2 Bootstrap的发展

2.1.3 Bootstrap的优势

2.1.4 Bootstrap有哪些内容

2.2 Bootstrap开发环境

2.2.1 VS Code

2.2.2 下载Bootstrap

2.2.3 安装Bootstrap

2.2.4 快速体验Bootstrap

2.3 实战：传统节日介绍页面

2.3.1 页面结构分析

2.3.2 代码实现

2.4 本章小结

2.5 习题

第3章 Bootstrap脚手架

3.1 Bootstrap布局基础

3.1.1 断点

3.1.2 布局容器

3.1.3 弹性布局

3.2 网格系统

3.2.1 网格系统的组成

3.2.2 网格系统的特性

3.2.3 基础网格系统的应用

3.2.4 响应类

3.2.5 列排序

3.2.6 列嵌套

3.3 实战：信息推广页面

3.3.1 页面结构分析

3.3.2 代码实现

3.4 本章小结

3.5 习题

第4章 Bootstrap页面内容

4.1 排版

4.1.1 常用排版类

4.1.2 强调类

4.1.3 引用类

4.1.4 列表类

4.2 代码标签

4.3 表格

4.3.1 表格的结构标签

4.3.2 表格的个性化风格

4.4 表单

4.4.1 表单控件的基本结构

4.4.2 表单控件类

4.4.3 表单控件的使用

4.5 图片

4.5.1 图片类

4.5.2 图片对齐方式

4.6 画像

4.7 实战：经典管理系统页面

4.7.1 页面结构分析

4.7.2 代码实现

4.8 本章小结

4.9 习题

第5章 Bootstrap的工具类

5.1 文本类

5.1.1 文本对齐类

5.1.2 文本转换类

5.1.3 文本折行与溢出类

5.1.4 文本字体类

5.1.5 其他文本类

5.2 颜色类

5.2.1 文本颜色类

5.2.2 链接颜色

5.2.3 背景颜色类

5.2.4 案例练习——前端学习菜单页面

5.3 边框类

5.3.1 边框设置类

5.3.2 边框颜色类

5.3.3 圆角边框类

5.4 边距类

5.5 display类

5.5.1 显示或隐藏元素

5.5.2 响应式显示或隐藏元素

5.6 浮动类

5.7 阴影类

5.8 尺寸类

5.8.1 相对于父元素的尺寸类

5.8.2 相对于视口的尺寸类

5.9 溢出类

5.10 定位类

5.11 内嵌类

5.12 实战：景区门票详情页面

5.12.1 页面结构分析

5.12.2 代码实现

5.13 本章小结

5.14 习题

第6章 Bootstrap的弹性布局

6.1 弹性盒子

6.1.1 初识弹性布局

6.1.2 Bootstrap 4中的弹性布局

6.2 排列方向类

6.2.1 水平方向类

6.2.2 垂直方向类

6.3 对齐布局类

6.3.1 内容排列布局类

6.3.2 多行项目对齐布局类

6.3.3 单行项目对齐布局类

6.3.4 指定项目对齐布局类

6.3.5 案例练习——骰子图案设计页面

6.4 自动相等布局类

6.5 伸缩变换布局类

6.6 自动浮动布局类

6.7 包裹布局类

6.8 排序布局类

6.9 实战：新时代的奋斗者宣传页面

6.9.1 页面结构分析

6.9.2 代码实现

6.10 本章小结

6.11 习题

第7章 Bootstrap的CSS组件

7.1 徽章

7.2 警告框

7.2.1 默认警告框

7.2.2 警告框附加内容

7.2.3 警告框状态

7.3 图标

7.3.1 字体图标

7.3.2 旋转图标

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 导航组件的基本结构

7.6.2 导航辅助类

7.6.3 导航选项卡

7.6.4 面包屑导航

7.7 导航栏

7.7.1 导航栏的运行特点

7.7.2 导航栏辅助类

7.8 进度条

7.9 分页

7.10 卡片

7.10.1 卡片内容类

7.10.2 卡片的使用

7.10.3 卡片布局类

7.11 媒体对象

7.11.1 媒体对象的基本结构

7.11.2 媒体对象的使用

7.12 巨幕

7.13 实战：传统美食介绍页面

7.13.1 页面结构分析

7.13.2 代码实现

7.14 本章小结

7.15 习题

第8章 Bootstrap的JavaScript插件

8.1 插件概述

8.1.1 插件工具

8.1.2 插件引入与调用

8.1.3 插件事件

8.2 模态框

8.2.1 模态框的基本结构

8.2.2 模态框辅助类

8.2.3 模态框的事件与方法

8.3 下拉菜单

8.4 滚动监听

8.5 工具提示

8.6 弹出框

8.7 警告框

8.8 按钮

8.9 折叠

8.9.1 折叠插件的基本结构

8.9.2 手风琴式折叠

8.9.3 折叠插件的调用

8.9.4 折叠插件的方法与事件

8.9.5 折叠插件的事件调用

8.10 轮播

8.10.1 轮播插件的基本结构

8.10.2 轮播插件的风格设计

8.10.3 轮播插件的调用

8.10.4 轮播插件的方法与事件

8.11 实战：企业门户网站首页

8.11.1 头部导航栏区域

8.11.2 Service折叠区域

8.11.3 About弹出框区域

8.11.4 Contact联系区域

8.11.5 小型设备状态下的页面显示效果

8.12 本章小结

8.13 习题

第9章 综合案例：智慧医疗

9.1 项目分析

9.1.1 页面概述

9.1.2 项目结构

9.2 网页预览

9.2.1 网站首页效果

9.2.2 产品中心页效果

9.2.3 应用案例页效果

9.2.4 新闻中心页效果

9.2.5 加入我们页效果

9.2.6 登录与注册模块

9.3 设计与实现

9.3.1 网站首页代码

9.3.2 产品中心页代码

9.3.3 应用案例页代码

9.3.4 新闻中心页代码

9.3.5 加入我们页代码

9.3.6 登录与注册模块代码

9.4 项目总结