Content
13 Lessons • 0 Quizzes • 0 Challenges
Bootstrap 简介
- 1
开始之前
- 2
什么是 Bootstrap 以及为什么需要它？
- 3
Bootstrap 的 Hello World 示例
- 4
测验：Bootstrap 入门
Bootstrap 5 中的布局
- 1
断点简介
- 2
容器
- 3
网格入门
- 4
在网格中对齐列
- 5
列中的断点
- 6
偏移和排序类
- 7
边距
- 8
测验：Bootstrap 布局
工具
- 1
Bootstrap 中的颜色
- 2
文本
- 3
边框
- 4
边距和内边距
- 5
显示
- 6
位置
- 7
弹性布局
- 8
尺寸与溢出
- 9
测验：工具
内容
- 1
自定义文本类
- 2
图片和视频
- 3
表格
- 4
测验：内容
表单
- 1
Bootstrap 中的表单入门
- 2
输入类型
- 3
浮动标签和输入组
- 4
验证
- 5
测验：表单
组件
- 1
按钮
- 2
卡片
- 3
折叠面板
- 4
提示工具
- 5
轮播图
- 6
导航栏
- 7
导航和标签
- 8
侧边栏
- 9
列表组
- 10
下拉菜单
- 11
模态
- 12
滚动监听
- 13
分页
- 14
进度
- 15
测验：组件
自定义与图标
- 1
自定义组件
- 2
Bootstrap 图标
- 3
测验：自定义与图标
构建注册表单
- 1
注册表单的布局
- 2
注册表单的组成部分
- 3
注册表单中的按钮
- 4
注册表单的阴影效果
- 5
测验：注册表单
构建个人资料卡片
- 1
个人资料卡片的布局
- 2
个人资料卡的图片和内容
- 3
个人资料卡上的图标
- 4
个人资料卡片的阴影与悬停效果
- 5
测验：个人资料卡片
构建一个健康追踪网站
- 1
健康追踪网站的布局
- 2
健康追踪网站的每周进度模块
- 3
健康追踪网站的每日任务模块
- 4
响应式健康追踪网站
- 5
测验：健康追踪网站
构建一个电影流媒体网站
- 1
电影流媒体网站的布局
- 2
电影流媒体网站的导航栏
- 3
为电影流媒体网站自定义导航栏
- 4
电影流媒体网站的轮播图
- 5
电影与电视剧专区
- 6
电影流媒体网站的页脚
- 7
测验：电影流媒体网站
构建个人作品集网站
- 1
作品集网站的布局
- 2
作品集网站的导航栏部分
- 3
为作品集网站添加滚动监听功能
- 4
作品集网站的首页部分
- 5
作品集网站的响应式首页区域
- 6
个人简介部分的项目作品集网站
- 7
作品集网站的响应式关于我部分
- 8
作品集网站的项目部分
- 9
作品集网站的联系页面
- 10
测验：作品集网站
结论
- 1
作者的建议
- 2
项目创意
- 3
接下来学什么？
- 4
总结
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User