任务三 响应式Bootstrap3.*制作科创学院网站(课外作业)
任务要求
(1)新建文件2103.html,第一屏知识点:顶部固定响应式导航和全屏轮播图,设置滚动监听。
(2)第二屏知识点:图片形状、缩略图和折叠菜单。
(3)第三屏知识点:列表组、标签、缩略图、模态框和表单。
(4)第四屏知识点:栅格系统、工具提示等。
网页样式如图21.2所示,结构部分代码如图21.3.1所示,CSS代码如图21.3.2所示。













图21.3.1 页面结构部分代码





图21.3.2 页面样式部分代码
项目总结
本项目主要介绍了Bootstrap响应式框架的使用。通过学习,读者掌握了Bootstrap的安装、布局容器、导航的制作以及组件的使用。