bootstrap初始页面解读

这是我的第一篇博客，刚刚对bootstrap入门，想记录一些自己学习bootstrap的心得，希望对大家有所帮助！

下面是bootstrap的第一节，主要记录bootstrap的初始页面

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="zh-CN">
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
/*X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，因为在IE8刚推出的时候，
很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame*/

 6     <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
/*width - viewport的宽度 height - viewport的高度   device-width表示本设备的宽
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放     如果禁止缩放，看起来更像原生应用*/
 7     <link rel="stylesheet" href="css/bootstrap.min.css" />
 8 
 9     <title>bootstrap初始页面</title>
10 </head>
11 <body>
12<h1>hello bootstrap</h1> 
13
14 /*javascript引用理论上可以放在页面的head和body的任何地方，但是最好放在body结束之前，这样可以不阻塞页面的加载*/
/*一定要先引用jquery再引用bootstrap，因为bootstrap是基于jquery的*/
15     <script src="js/jquery.min.js"></script>
16     <script src="js/bootstrap.min.js"></script>
17 </body>
18 </html>

X-UA-Compatible是神马？

文章：http://zccst.iteye.com/blog/2162187

　　　viewport的深入理解

文章：http://www.cnblogs.com/2050/p/3877280.html