熟练使用前端框架Bootstrap4
线下培训时长:12 小时
课程介绍
适用对象:已掌握HTML5/CSS3/Javascript的学员
课程简介:1、 理解并熟练应用前端框架Bootstrap4使用方法
课程大纲
1 Bootstrap4安装
1.1 使用CDN
1.2 从官网下载 Bootstrap 4并本地调用
1.3 创建第一个Bootstrap4页面
1.4 理解Bootstraps4与CSS、JS的关系
2 Bootstrap4 网格系统(重点)
2.1 网格类
2.2 网格系统规则
2.3 网格的基本结构
2.4 网格布局在不同终端的响应式处理
3 Bootstrap4 文字排版
3.1 Bootstrap 4 默认基本设置
3.2 标题默认设置与标题类
3.3 常见文字相关标签在Bootstrap4中的默认样式
3.4 更多排版相关的类
4 Font Awesome字体(重点)
4.1 基础原理
4.2 使用方法
4.3 应用场景
5 Bootstrap4 颜色
5.1 文字颜色类
5.2 背景颜色类
6 Bootstrap4 表格(重点)
6.1 基础表格
6.2 条纹表格
6.3 带边框表格
6.4 鼠标悬停状态
6.5 黑色背景表格
6.6 黑色条纹表格
6.7 特定意义的颜色类
6.8 表头颜色
6.9 较小的表格
6.10 响应式表格
7 Bootstrap4 图像形状
7.1 圆角图片
7.2 椭圆图片
7.3 缩略图
7.4 图片对齐方式
7.5 响应式图片
8 Bootstrap4 Jumbotron
9 Bootstrap4 信息提示框
9.1 提示框添加链接
9.2 关闭提示框
9.3 提示框动画
10 Bootstrap4 按钮与按钮组
11 Bootstrap4 徽章
12 Bootstrap4进度条
13 Bootstrap4分页
14 Bootstrap4列表组
15 Bootstrap4卡片
16 Bootstrap4 下拉菜单
16.1 实例解析
16.2 下拉菜单中的分割线
16.3 下拉菜单中的标题
16.4 下拉菜单中的可用项与禁用项
16.5 下拉菜单的定位
16.6 下拉菜单弹出方向设置
16.7 按钮中设置下拉菜单
17 Bootstrap4 折叠
18 Bootstrap4 导航 (重点)
18.1 导航对齐方式
18.2 垂直导航
18.3 选项卡
18.4 胶囊导航
18.5 导航等宽
18.6 胶囊下拉菜单
18.7 选项卡下拉菜单
18.8 动态选项卡
18.9 胶囊状动态选项卡
19 Bootstrap4 导航栏 (重点)
19.1 垂直导航栏
19.2 导航栏颜色设置
19.3 品牌/Logo
19.4 折叠导航栏
19.5 导航栏使用下拉菜单
19.6 导航栏的表单与按钮
19.7 导航栏文本
19.8 固定导航栏
20 Bootstrap4 面包屑导航
21 Bootstrap4 表单
21.1 堆叠表单
21.2 内联表单
22 Bootstrap4 表单控件
22.1 input
22.2 textarea
22.3 checkbox
22.4 radio
22.5 select
23 Bootstrap4 输入框组
24 Bootstrap4 自定义表单
24.1 自定义复选框
24.2 自定义单选框
24.3 自定义控件显示在同一行
24.4 自定义选择菜单
24.5 自定义滑块控件
24.6 自定义文件上传控件
25 Bootstrap4 轮播 (重点)
25.1 如何创建轮播
25.2 轮播图片上添加描述
26 Bootstrap4 模态框
27 Bootstrap4 提示框
28 Bootstrap4 弹出框
29 Bootstrap4 页面滚动监听
30 Bootstrap4 小工具
30.1 边框
30.2 边框颜色
30.3 边框圆角设置
30.4 浮动
30.5 响应式浮动
30.6 居中对齐
30.7 宽度
30.8 高度
31 Bootstrap 4 Flex
31.1 弹性盒子(flexbox)模型
31.2 水平排列
31.3 垂直排列
31.4 垂直排列
31.5 两端对齐
31.6 其他flex设置
32 Bootstrap 4 多媒体对象
33 Bootstrap4 实例(重点)
咨询获取详细大纲

您好! 欢迎来到学领未来 !

学领未来提供线上及线下的学习服务,根据您的位置,为您推荐最近的线下培训地点 分站,你选择: