Bootstrap的搭建环境网上一搜一大坨,但我想自己再回顾一下:
<!DOCTYPE html>
<!--1.指定语言基础-->
<html lang="en">
<head>
<!--一下三个meta标签必须放在最前面!其他内容紧随其后-->
<meta charset="UTF-8"/>
<!--2.指定视口信息-viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"/>
<!--3.指定跨IE浏览器的兼容性-->
<meta http-equiv="x-ua-campatible" content="IE=edge" />
<title>Bootstrap的运行环境搭建</title>
<!--4.引入bootstrap.css 主css文件-->
<link rel="stylesheet" href="css/bootstrap.css" />
<!--5.引入两个兼容性js文件-->
<!--[if it IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<p>注意引入的路径,本文中举例的css,js,foots文件夹与html文件在同一级</P>
<div>此处为正文部分</div>
<!--6.引入两个JS插件文件,注意两个文件的引入的顺序-->
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.js"></script>
<!--7.引入检查文件-->
<script scr="js/bootlint.js"></script>
<script>
bootlint.showLintReportForCurrentDocument([]);
</script>
</body>
</html>
更多内容,待续……
参考Bootstrap中文网:http://www.bootcss.com
网友评论