一,导航栏
修改样式之后得到效果:
二,home区域布局
最主要的知识点就是为了让内容居中,采用bootstrap栅格系统,并且为了让图片自适应,添加了img-responsive类名。
三,bbs论坛区域
四,html5前端的区域
五,课程列表区域
六,app下载区域
七,联系方式区域
八,Bootstrap创建响应式网站的总结
实际上,只是利用了bootstrap的栅格系统,简化了一些布局的操作,其他的内容还是和正常原生的html,css布局一样的,也是将网页划分为一个一个区域,然后采用一个一个盒子来完成布局。
当然啦,bootstrap作为一个css框架,还是提供不少已经配置好的组件,可以直接使用,在这个方面同样提高了不少工作效率。