bootstrap首页案例

源码地址https://gitee.com/taff/bootstrapCase

界面总览

移动端展示

导航栏

模板位置：bootstrap官网–》中文文档3–》组件–》导航条
1.反色的导航栏和固定的导航栏：添加类navbar-inverse和navbar-fixed-top
2.为导航栏中“特点”菜单项下的5个链接绑定单击函数，使其跳转到相应的标签页并展示内容

轮播图

模板位置：bootstrap官网–》中文文档3–》javascript插件–》carouse
1.设置图片width为100%成为响应式图片
2.使用媒体查询@media screen规定窗口小于768px时，轮播图的大小

三列布局的略缩图

模板位置：bootstrap官网–》中文文档3–》组件–》略缩图
1.栅格选择中屏col-md-4

标签页

模板位置：bootstrap官网–》中文文档3–》javascript插件–》标签页
1.栅格选择57和75分布：col-md-7 col-md-5