更新时间:2025-02-07 17:10:07
封面
版权信息
内容提要
前言
第1章 Bootstrap起步
1.1 Bootstrap概述
1.1.1 Bootstrap是什么
1.1.2 Bootstrap版本的“进化”
1.2 为什么使用Bootstrap
1.2.1 Bootstrap的优点
1.2.2 Bootstrap包含的内容
1.2.3 Bootstrap的应用
1.3 Bootstrap的下载及使用
1.3.1 Bootstrap的下载
1.3.2 Bootstrap的文件结构
1.3.3 Bootstrap的使用
1.4 本章小结
上机指导
习题
第2章 Bootstrap中常用的基本样式
2.1 排版样式
2.1.1 标题样式
2.1.2 添加强调文本
2.1.3 缩略语样式
2.1.4 地址样式
2.1.5 引用样式
2.1.6 列表样式
2.2 表格
2.2.1 基本的表格
2.2.2 可选的表格样式
2.2.3 响应式表格
2.3 图片
2.3.1 响应式图片
2.3.2 修饰图片
2.4 其他常用样式
2.4.1 对文本的处理
2.4.2 背景样式
2.4.3 设置内容间隔
2.4.4 添加阴影
2.5 本章小结
第3章 Bootstrap 4弹性盒
3.1 响应式设计概述
3.1.1 常见的布局方式
3.1.2 布局的实现方式
3.2 弹性盒概述
3.2.1 什么是弹性盒
3.2.2 弹性盒的基本属性
3.2.3 Bootstrap 4中弹性盒的使用
3.3 项目的对齐与对准
3.3.1 弹性盒的主轴方向
3.3.2 弹性子项目在主轴上的对齐方式
3.3.3 弹性子项目在侧轴上的对齐方式
3.3.4 项目的自对齐
3.4 项目的大小
3.4.1 设置项目自相等
3.4.2 设置项目等宽变换
3.4.3 多行内容的对齐
3.5 项目的排列
3.5.1 设置项目自浮动
3.5.2 Wrap包裹
3.5.3 order排序
3.6 本章小结
第4章 Bootstrap网格布局
4.1 网格系统概述
4.1.1 什么是网格系统
4.1.2 网格化选项
4.1.3 网格系统的简单应用
4.2 响应式的class选择器
4.2.1 覆盖所有设备
4.2.2 固定网格与流式网格
4.2.3 间隙的处理
4.3 自动布局列
4.3.1 等宽布局
4.3.2 自定义宽度
4.3.3 设置项目为宽度可变的弹性空间
4.3.4 混合布局
4.4 项目的对齐处理
4.4.1 项目的水平对齐
4.4.2 项目的垂直对齐
4.4.3 自定义某列的垂直对齐方式
4.4.4 换行处理
4.5 列的偏移、嵌套和重排序
4.5.1 列的偏移
4.5.2 列的嵌套
4.5.3 列的重排序
4.6 本章小结
第5章 Bootstrap表单
5.1 表单的风格
5.1.1 表单支持的控件
5.1.2 控件的状态
5.1.3 表单的布局风格
5.2 下拉菜单
5.2.1 设置下拉菜单
5.2.2 下拉菜单内容设置