1.需要准备JQ的引入，以及下载下来的bootstrap里面的css,fonts,js文件导入进来
2.Viewport（视口）,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。可能比浏览器可视区域要大，也可能要小。
3.css中的1px并不等于设备的1px，因为iPhone3的屏幕和iPhone4的屏幕一样大，但是像素却是iPhone3的两倍，所以一个css像素等于两个物理像素
4.利用meta标签对viewport进行控制
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> width(设备的宽度)=device-width(设备的理想宽度)，initial-scale(初始化的缩放值)=1.0(是一个比例值)，user-scalable(是否允许用户进行缩放)，no为不允许。
5.总结：必须要有meta name=viewport..这个声明。引入例子中的三个文件JQ,boostrap.min.js,boostrap.min.css
6.布局容器：.container容器。
7.boostrap的栅格系统：最多12列。