web前端开发第一阶段——bootstrap响应式布局

ps:

记熟class样式，可提高速度
其中js使用的jquery库
开发环境：程序员使用时
有空格有注释，有警告，有提示的代码
生产环境：用户直接使用时
压缩，没有警告，没有注释

bootstrap

容器：标签大小

固定容器：container
	大屏1170、中屏970、小屏750、超小屏100% 
流体容器：container-fluid 100%

栅格系统：通过一系列row和column的组合来布局

分成12份
row:tr 行
col:份
col-lg-3:大屏占3份
lg:大屏——屏幕范围大于1200px 
md:中屏——屏幕范围992px--1200px
sm:小屏——屏幕范围768px-992px
xs:屏幕范围<768 超小屏

缩略图——组件

偏移量：

col-md-offset-1:列偏移量，改变margin值使内容移动   向右
col-md-push-1：通过定位使内容移动（对兄弟标签位置无影响）向右
col-md-pull-1： 向左移

浮动样式：

pull-left：左浮动
pull-right：右浮动 
affix:固定定位但是需要自己写left等值

响应式工具：

	hidden-xs：超小屏隐藏
	visible-xs:可见&