Bootstrap3从基础到案例实战,完美实现响应式网站案例—402人已学习
课程介绍
Bootstrap介绍和Bootstrap各个版本之间的差异对比。通过Bootstrap3这一稳定版本对Bootstrap的基本起步、全局css样式、组件以及相关的插件进行介绍。重点讲解栅格布局这一核心内容对实现响应式布局的支持,配合其他全局样式和组件及插件,让用户在实现响应式布局的同时,得到更加优雅的页面效果。
课程收益
讲师介绍
姜浩 更多讲师课程
杰瑞教育Java、Android、Html5、PHP方向导师,5年互联网行业开发经验,擅长Android应用及Web开发技术,精通Java、Android、Html5、PHP等开发语言,曾参与多看Android应用的研发及企业响应式网站的制作。 授课风格生动活泼,为人亲和力强,讲课细致用心,深受学员好评。
课程大纲
第1章:Bootstrap基础
1. Bootstrap介绍 6:26
2. BootStrap版本对比 7:00
3. Bootrap2版本简介 14:28
4. Bootstrap3版本简介 14:14
5. Bootstrap容器概念 18:58
第2章:Bootstrap栅格系统
1. 栅格系统 21:54
2. 栅格系统的列偏移 7:29
3. 栅格系统的列嵌套和排序 11:04
第3章:Bootstrap标签与样式类
1. 排版相关的标签和样式类 18:06
2. 代码相关的标签和样式类 9:52
第4章:Bootstrap表格与表单
1. 表格 13:43
2. 表单 13:36
3. 表单补充 16:22
第5章:Bootstrap全局CSS样式
1. 按钮 10:17
2. 图片 6:35
3. 辅助类 15:12
4. 工具类 9:09
第6章:Bootstrap组件(上)
1. 字体图标 8:24
2. 下拉菜单 8:48
3. 输入框组 12:49
4. 导航 7:32
5. 导航条 8:19
6. 路径导航 2:54
第7章:Bootstrap组件(下)
1. 分页 8:03
2. 标签和徽章 4:42
3. 缩略图 7:08
4. 警告框 6:09
5. 进度条 4:35
6. 图文混排和列表组 9:00
第8章:Bootstrap综合项目案例——Bootstrap中文网
1. Bootstrap综合项目案例——Bootstrap中文网 1:31
大家可以点击【 查看详情】查看我的课程
课程介绍
![201802061538367485.jpg](https://img-bss.csdn.net/201802061538367485.jpg)
Bootstrap介绍和Bootstrap各个版本之间的差异对比。通过Bootstrap3这一稳定版本对Bootstrap的基本起步、全局css样式、组件以及相关的插件进行介绍。重点讲解栅格布局这一核心内容对实现响应式布局的支持,配合其他全局样式和组件及插件,让用户在实现响应式布局的同时,得到更加优雅的页面效果。
课程收益
讲师介绍
姜浩 更多讲师课程
杰瑞教育Java、Android、Html5、PHP方向导师,5年互联网行业开发经验,擅长Android应用及Web开发技术,精通Java、Android、Html5、PHP等开发语言,曾参与多看Android应用的研发及企业响应式网站的制作。 授课风格生动活泼,为人亲和力强,讲课细致用心,深受学员好评。
课程大纲
第1章:Bootstrap基础
1. Bootstrap介绍 6:26
2. BootStrap版本对比 7:00
3. Bootrap2版本简介 14:28
4. Bootstrap3版本简介 14:14
5. Bootstrap容器概念 18:58
第2章:Bootstrap栅格系统
1. 栅格系统 21:54
2. 栅格系统的列偏移 7:29
3. 栅格系统的列嵌套和排序 11:04
第3章:Bootstrap标签与样式类
1. 排版相关的标签和样式类 18:06
2. 代码相关的标签和样式类 9:52
第4章:Bootstrap表格与表单
1. 表格 13:43
2. 表单 13:36
3. 表单补充 16:22
第5章:Bootstrap全局CSS样式
1. 按钮 10:17
2. 图片 6:35
3. 辅助类 15:12
4. 工具类 9:09
第6章:Bootstrap组件(上)
1. 字体图标 8:24
2. 下拉菜单 8:48
3. 输入框组 12:49
4. 导航 7:32
5. 导航条 8:19
6. 路径导航 2:54
第7章:Bootstrap组件(下)
1. 分页 8:03
2. 标签和徽章 4:42
3. 缩略图 7:08
4. 警告框 6:09
5. 进度条 4:35
6. 图文混排和列表组 9:00
第8章:Bootstrap综合项目案例——Bootstrap中文网
1. Bootstrap综合项目案例——Bootstrap中文网 1:31
大家可以点击【 查看详情】查看我的课程