Bootstrap全套响应式网站项目实战视频教程【共39课时】

张鹏认证讲师讲师评分4.8学员364026课程31

曾就职于联想集团和当当网，拥有多年web前端和后端开发经验，参与并负责过多个项目，4年授课经验，曾在百度专业培训过网络营销课程，有丰富的项目实战经验以及授课经验，授课风趣幽默,讲解独到。

畅销套餐
精选套餐
人气套餐

WEB前端【从基础到框架】完整系列课程

JavaScript从0基础与实战案例以及完成效果全套视频课程

101608人学习

￥109.00

JQuery从0基础与实战案例以及完成效果全套视频课程

34737人学习

￥55.00

HTML5和CSS3移动端开发全套视频教程

6738人学习

￥105.00

更多 21 门课程

打造专业级HTML5前端开发工程师系列学习专题

打造专业级HTML5前端开发工程师系列学习专题

课程介绍
课程大纲

适合人群：

从事网站开发人员，web前端系统学习学员

你将会学到：

本课程主要让大家了解响应式布局，如何利用bootstrap来实现网站布局并且快速的写页面提升开发效率，以及组件和js插件在bootstrap中的使用，后面更有系列实战课程让大家更多了解。

课程简介：

1》bootstrap介绍

2》bootstrap基本使用和获取

3》bootstrap全局css样式开发

4》bootstrap栅格系统

5》bootstrap响应式布局

6》bootstrap组件

7》bootstrap中的js插件

8》bootstrap项目网站实战

展开更多

课程大纲-Bootstrap全套响应式网站项目实战视频教程

第1章Bootstrap简介_全局css样式(2小时26分钟10节)
1-1
Bootstrap介绍和使用bootstrap是一个响应式库,使用bootstrap可以快速的实现网站响应式,本节课介绍了bootstrap的使用和下载获取，基本使用
「仅限付费用户」点击下载“01.zip”
[16:41]开始学习
1-2
布局容器本节课主要介绍bootstrap中的全局css样式的布局容器,container类和container-fluid类
「仅限付费用户」点击下载“02.zip”
[12:27]开始学习
1-3
排版本节课主要介绍了bootstrap的排版操作，页面头部，底部，主体的定义
「仅限付费用户」点击下载“03.zip”
[16:07]开始学习
1-4
代码本节课主要介绍了pre来定义代码段
「仅限付费用户」点击下载“04.zip”
[04:26]开始学习
1-5
表格本节课介绍了使用bootstrap来做表格的布局排版，包括表格的响应式和表格的基本类的添加
「仅限付费用户」点击下载“05.zip”
[15:49]开始学习
1-6
表单本节课主要介绍了bootstrap中的表单，表单在很多的应用场景都有效，例如登录和注册，本节课主要说明了表单的使用
「仅限付费用户」点击下载“06.zip”
[34:01]开始学习
1-7
按钮本节课介绍了使用bootstrap来操作按钮包括按钮组的定义
「仅限付费用户」点击下载“07.zip”
[07:12]开始学习
1-8
图片本节课很重要，介绍了bootstrap中的图片类定义，包括很重要的响应式图片的操作responsive
「仅限付费用户」点击下载“08.zip”
[06:48]开始学习
1-9
辅助类本节课为辅助类，介绍了bootstrap中的定义清除浮动，浮动元素，元素居中等设置
「仅限付费用户」点击下载“09.zip”
[15:32]开始学习
1-10
响应式工具本节课介绍了visible和hidden的使用，在visible和hidden中可以做响应式操作
「仅限付费用户」点击下载“10.zip”
[17:10]开始学习
第2章Bootstrap栅格系统(1小时21分钟4节)
2-1
栅格系统_参数_布局本节课介绍了栅格布局的内容，row来定义行，col来定义列
「仅限付费用户」点击下载“11.zip”
[11:38]开始学习
2-2
栅格系统_偏移_嵌套_排序本节课介绍了栅格系统的偏移offset,介绍了col 嵌套row,和排序的操作
「仅限付费用户」点击下载“12.zip”
[13:16]开始学习
2-3
栅格系统_响应式图片使用栅格化配合visible和hidden来实现响应式图片的操作
「仅限付费用户」点击下载“13.zip”
[15:27]开始学习
2-4
【案例】_网站实战本节课呢主要是网站的实战讲解,介绍了利用bootstrap来如何页面的快速制作
「仅限付费用户」点击下载“14.zip”
[40:42]开始学习
第3章Bootstrap组件(3小时22分钟16节)
3-1
字体图标本节课回顾之前表单中的栅格和字体图标的使用
「仅限付费用户」点击下载“15.zip”
[17:03]开始学习
3-2
下拉菜单本节课介绍bootstrap的下拉菜单，其中有data-toggle和dropdown-menu
「仅限付费用户」点击下载“16.zip”
[13:06]开始学习
3-3
按钮组本节课介绍了按钮组，bootstrap按钮组的场景有很多，结合之前的下拉菜单，介绍按钮组的使用
「仅限付费用户」点击下载“17.zip”
[16:59]开始学习
3-4
输入框组本节课主要介绍了bootstrap中的输入框组,利用输入框组实现网站美化功能特别方便
「仅限付费用户」点击下载“18.zip”
[27:51]开始学习
3-5
导航本节课介绍了bootstrap中的导航，nav这个类
「仅限付费用户」点击下载“19.zip”
[08:20]开始学习
3-6
导航条本节课介绍了导航条navbar的相关操作，包括其中的响应式开关等等
「仅限付费用户」点击下载“20.zip”
[29:12]开始学习