响应式栅格Bootstrap结构Bootstrap入门之四.ppt

Bootstrap框架
——Bootstrap 入门
课前考试
教员备课时根据班级情况在此添加考试内容
时间:10分钟内
要求:保证所有学员都能参与
形式:选择、问答、小机试均可
内容:涉及复习和预习的内容
2
技能目标
目录结构
了解bootstrap概念
掌握bootstrap的特性
掌握bootstrap下载文件的使用
掌握bootstrap的结构
Bootstrap简介
Bootstrap概念
Bootstrap入门
之一
Bootstrap是目前最流行的前端开发框架之一,提供了很多常见的各种CSS和JavaScript集合,以便开发人员随时上手。(目前版本 )
4
Bootstrap受欢迎的原因
Bootstrap概念
Bootstrap入门
之一
Bootstrap代码开源
代码有着良好的规范
5
Bootstrap特性
Bootstrap特性
Bootstrap入门
之二
有一套完整的基础CSS插件
丰富的预定义样式表
一组基于jQuery的JS插件
一个非常灵活的栅格系统,并崇尚移动先行的思想
6
浏览器对Bootstrap的支持
Bootstrap特性
Bootstrap入门
之二
有一套完整的基础CSS插件
丰富的预定义样式表
一组基于jQuery的JS插件
支持 Explorer 8-11
7
新手入门
Bootstrap下载文件使用
Bootstrap入门
之三
开发环境(webstorm)
引入Bootstrap框架文件
,
使用 Bootstrap 中文网提供的免费 CDN 加速服务
8
基本模板
Bootstrap下载文件使用
Bootstrap入门
之三
9
基本模板
Bootstrap下载文件使用
Bootstrap入门
之三
注意:,有一个很大区别:
Bootstrap从v3版本开始全面支持移动平台,并贯彻移动先行的宗旨。
<meta name="viewport" content="width=device-width, initial-scale=1">
10