Bootstrap的搭建環(huán)境網(wǎng)上一搜一大坨,但我想自己再回顧一下:
<!DOCTYPE html>
<!--1.指定語(yǔ)言基礎(chǔ)-->
<html lang="en">
<head>
<!--一下三個(gè)meta標(biāo)簽必須放在最前面!其他內(nèi)容緊隨其后-->
<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的運(yùn)行環(huán)境搭建</title>
<!--4.引入bootstrap.css 主css文件-->
<link rel="stylesheet" href="css/bootstrap.css" />
<!--5.引入兩個(gè)兼容性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文件在同一級(jí)</P>
<div>此處為正文部分</div>
<!--6.引入兩個(gè)JS插件文件,注意兩個(gè)文件的引入的順序-->
<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>
更多內(nèi)容,待續(xù)……
參考Bootstrap中文網(wǎng):http://www.bootcss.com