BootStrap初了解

BootStrap
Html,Css,Js框架，用于开发响应式布局，移动设备优先WEB项目

可以在 BootStrap中文档 下载点此可以下载

BootStrap中提供了两种形式的压缩包
文件按照类别放到不同的目录里
提供版本：压缩 .min
未压缩

					平常建议使用压缩版本

注：BootStrap中的所有JavaScript插件都依赖与JQuery
所以 jQuery必须在BootStrap之前引入

Bootstrap .css.map css源码映射表

响应式布局：BootStrap会自动帮助针对不同的屏幕尺寸调整我的页面，使其在各个屏幕上表现良好，同一套页面可以兼容不同分辨率的设备（依赖于栅栏系统）

栅栏系统： 将一行平均分成12个格子，可以指定元素占几个格子

步骤：
1、定义容器： 相当于之前的table
容器分类：（1） container 固定宽度 ，两边留白
（2） container-fluid 100%宽度
2、定义行：相当于之前的tr 样式 row
3、定义元素：指定元素在不同设备上，所占的格子数目
设备代号：1、xs：超小屏幕 手机 （768px）；col-xs-12
2、sm ：小屏幕 平板（ >=768px);
3、md：中等屏幕 桌面显示器（>=992px)
4、lg：大屏幕 大桌面显示器（>=1200px)

注意：1、一行格子数目超出12，自动换行
2、栅格类属性向上兼容，向下不兼容
3、如果真实设备宽度小于设置栅格类属性的设备代码最小值
会一个元素占满一整行

全局css样式和组件 参考BootStrap中文文档点此即可