BootStrap
- 中文网站:http://www.bootcss.com/
- BootStrap是目前很流行的前端框架,提供了很多已经写好的css样式,直接引用过来就可以
- BootStrap基于jQuery,需要引入jQuery
- 今日任务:使用bootscrap重写商城首页
- 之前通过table标签实现的首页,在浏览器窗口变小时,不能完成显示页面大小
- 当使用不同分辨率浏览器或者在平板上浏览时,需要左右拖拽浏览
- 响应式布局：兼容多设备
- 目标:
- 通过官方提供的demo实例,完成自己需要的功能
- 能够从已有的html文档中,找到要修改的位置,并进行简单的调整
- BootStrap
- BootStrap提供了各种模块的功能,为了方便编程,各个模块单独写,然后组合成一个页面
- 开发的时候把基本模板复制过来使用,想要查看具体的详情,s使用完整模板
- 网页开发时,所有图片的像素都切好了,一般不用自己手动去设置宽高
- 提供的组件自带响应式效果,如果自己写,需要在写栅格系统,然后配置响应式的参数
全局css
- 今天的内容除了下面的两个和栅格系统部容器要记,其他不用记,用的时候去找就好
- 响应式的前提条件:
- .container:class="container"
- .container-fluid:class="container-fluid"
栅格系统
- thi
重写首页topbar
- 首页logo部分
