标签：
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
标签：
原文地址：http://www.cnblogs.com/chenyuanqiu2008/p/5463988.html
