使用bootstrap框架与H5C3所开发的响应式布局页面

微金所

微金所网页项目

使用boostrap框架实现页面响应式布局

12月3号

新增字体图标,添加了字体图标 使用了bootstrap的栅格系统 使用了bootstrap的导航组件,按钮和文本样式 自定义了bootstrap中的btn-register使用BBG网站自定义 自定义了bootstrap中的nav-itcast导航栏样式 为导航条新增了响应式功能

修改了仓库的名字

12月4号

使用了bootstrap的轮播图

完成了轮播图自适应响应式布局

完成了立即预约版块

12月5号

完成了立即预约和产品推荐版块 使用了bootstrap中的panel组件 部分地方使用了栅格布局,如选项卡区域

12月6号

完善了选项卡功能,使用bs样式badge

完成了新闻版块

使用了bootsrap中的标签页功能

完成了合作伙伴版块

有用到center block样式

要复盘字体图标的使用方法

12月7号

使用模态框 表单 实现吸顶效果 自适应功能栏横向滚动功能(给外容器设置宽度属性,宽度随内容的变化而变化) 轮播图左右滑动切换上下页 使用事件 touchevent,touchmove,touchend 获取触摸位置 e.originalEvent.touches[0].clientX;

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。