这是我的第一篇博客,刚刚对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的深入理解