Bootstrap从入门到项目实战

封面

版权信息

内容简介

前言

第1章 开发框架Bootstrap 4简介

1.1 Bootstrap概述

1.1.1 Bootstrap发展历史

1.1.2 Bootstrap的优势

1.1.3 Bootstrap 4介绍

1.1.4 Bootstrap 4浏览器支持

1.2 Bootstrap特性

1.2.1 Bootstrap 4的构成

1.2.2 Bootstrap的特色

1.3 Bootstrap应用浏览

1.3.1 Bootstrap网站

1.3.2 Bootstrap插件

1.4 Bootstrap开发工具和资源

1.4.1 Bootstrap开发工具

1.4.2 Bootstrap资源

第2章 使用最新的框架Bootstrap 4

2.1 下载Bootstrap

2.2 Bootstrap 的结构

2.2.1 源码版Bootstrap文件结构

2.2.2 编译版Bootstrap文件结构

2.3 安装Bootstrap

2.3.1 本地安装

2.3.2 在线安装

2.4 案例实训1——设计网页按钮

2.5 案例实训2——设计网页轮播组件

第3章 快速掌握Bootstrap 4布局

3.1 布局基础

3.1.1 布局容器

3.1.2 响应断点

3.1.3 z-index

3.2 网格系统

3.2.1 网格选项

3.2.2 自动布局列

3.2.3 响应类

3.2.4 重排序

3.2.5 列嵌套

3.3 布局工具类

3.4 案例实训1——仿QQ登录界面

3.5 案例实训2——开发电商网站特效

第4章 Bootstrap 4的新布局——弹性盒子

4.1 定义弹性盒子

4.2 排列方向

4.2.1 水平方向排列

4.2.2 垂直方向排列

4.3 内容排列

4.4 项目对齐

4.5 自动对齐

4.6 自动相等

4.7 等宽变换

4.8 自动浮动

4.8.1 水平方向浮动

4.8.2 垂直方向浮动

4.9 弹性布局——包裹

4.10 排列顺序

4.11 对齐内容

第5章 核心工具库——CSS通用样式类

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.3 边框

5.3.1 添加边框

5.3.2 边框颜色

5.3.3 圆角边框

5.4 宽度和高度

5.4.1 相对于父元素

5.4.2 相对于视口

5.5 边距

5.5.1 边距的定义

5.5.2 响应式边距

5.6 浮动

5.6.1 实现浮动

5.6.2 响应式浮动

5.7 display属性类

5.7.1 实现display属性

5.7.2 响应式的隐藏或显示元素

5.8 嵌入

5.9 内容溢出

5.10 定位

5.11 阴影

5.12 关闭图标

第6章 Bootstrap 4的新版式

6.1 初始化与CSS重置

6.2 排版

6.2.1 标题

6.2.2 段落

6.2.3 强调

6.2.4 缩略语

6.2.5 引用

6.3 代码