1
目 录
第一章 Bootstrap 框架入门 ................................................................................................................................................ 2
一、关于 Bootstrap .................................................................................................................................................................. 3
二、栅格系统 ........................................................................................................................................................................... 4
三、响应式栅格 ....................................................................................................................................................................... 9
四、CSS 全局样式 .................................................................................................................................................................. 14
五、按钮 ................................................................................................................................................................................. 19
六、图片 ................................................................................................................................................................................. 20
本章总结 ................................................................................................................................................................................. 20
上机任务 ................................................................................................................................................................................. 21
第二章 Bootstrap 组件 ........................................................................................................................................................ 25
一、BootStrap 组件 ................................................................................................................................................................ 26
二、小图标 ............................................................................................................................................................................. 26
三、下拉菜单 ......................................................................................................................................................................... 28
四、输入框 ............................................................................................................................................................................. 31
五、导航和导航条 ................................................................................................................................................................. 32
六、缩略图 ............................................................................................................................................................................. 42
七、媒体对象 ......................................................................................................................................................................... 45
八、列表组 ............................................................................................................................................................................. 47
本章总结 ................................................................................................................................................................................. 48
上机任务 ................................................................................................................................................................................. 48
第三章 响应式布局 ............................................................................................................................................................. 53
一、弹性布局 ......................................................................................................................................................................... 54
二、浮动+百分比模式 ........................................................................................................................................................... 57
三、弹性 flex 布局 ................................................................................................................................................................. 58
四、响应式布局 ..................................................................................................................................................................... 67
本章总结 ................................................................................................................................................................................. 72
上机任务 ................................................................................................................................................................................. 72
第四章 JavaScript 插件 ........................................................................................................................................................ 75
一、插件概述 ......................................................................................................................................................................... 76
二、动画过渡 ......................................................................................................................................................................... 76
三、模态框 ............................................................................................................................................................................. 78
四、选项卡 ............................................................................................................................................................................. 82
五、旋转轮播 ......................................................................................................................................................................... 84
六、滚动监听 ......................................................................................................................................................................... 89
本章总结 ................................................................................................................................................................................. 92
上机任务 ................................................................................................................................................................................. 92
编者寄语:
框架可以让我们更简单、更规范、更有效的开发出一个超出我们原本能力的作品,框架可以给我们自身的技术
赋能,Bootstrap 就具有这样的潜质。掌握此框架后,大家可以像玩积木一样拼出一个可以运行在网站、平板、手机
等设备上作品。 本课程共分四章,前两章在《网页设计布局》课程后开课,方便大家做自己的首个网站项目的静
态部分,第三章讲框架布局的原理,第四章讲动态 js 组件,在 JavaScript 课程之后学习,方便大家为自己的首个网
站项目添加动态效果。
云时代互联网教育研发中心
2019 年 7 月
评论0
最新资源