Bootstrap

BootStrap:前端的开发的一种基于jQuery封装的框架
栅格式布局,自带自适应,在改变页面的时候会自适应
移动设备优先

将整个网页看成行和列

很多框架都用bootstrap

Container:盒子
头:row class="row"
每行的内容
class = "col-xs-12"
col:
sx:超小格子,手机屏幕,可以适用于各种设备
数字:多少个格子

都用row开头,里边的都是12
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>

 


960栅格式布局法:
1024*768 分辨率是黄金分割
这里设计为960px

三栏式:
960分为3,6,3格,每格60px,剩下的是槽间隔

平板一般是6-6
APP端1,也是三格式,比如秒杀抢购,只有三格,四个都太多了

 


用bootstrap步骤:导入是哪个文件夹:css,font,js
1.<html lang = "zh-CN">
2.屏幕自适应
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3.尾部jQuery
4.尾部bootstarp
5.头部css
bootstrap.min.css

posted @ 2016-05-06 01:26  远秋  阅读(188)  评论(0编辑  收藏  举报