07__BootStrap

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部分