Bootstrap---起步(易)------(了解)
1.lang
为HTML标签指定lang属性
作用:指定当前文档的基础语言(翻译，语音...)
语法：<html lang="zh-cn"> eg:jp en
2.<meta http-equiv = "X-UA-Compatible" content="IE=edge">
作用：指定 跨IE浏览器兼容性
X-UA-Compatible:cross userAgent compatible
指定使用那个IE的内核进行页面的渲染(IE=6 指定使用IE6内核渲染页面 / IE=7 ......ie7 / ..8 / ..9 ......)
IE=edge 指定当前浏览器中支持的最高版本的内容渲染页面
3.<meta name="viewport" content=""> 视口必须
4.<link href="css/bootstrap.min.css" rel="stylesheet"> 引bootstrap.css文件
5.引入两个 兼容性 JS文件 <script"https://cdn.bootstript.com/html5shiv/3.7.3/htmlhtml5shiv.min.js"></script>
第三方JS，自调函数，用于让老IE（8以下）支持html5标记
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
第三方JS，让老IE（8以下）支持CSS3媒体查询技术
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
6.引入2个JS插件 作用：元素的动作
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
*:一般放在页面的最底层</body>上面
7.引入bootlint.js文件
作用：用于检查页面是否符合bootstarp规范
· <1>引入bootlink.js
<script src="bootlink.js"></script>
<2>编写检查代码
<script>bootlink.showlintReportForCurrentDocument</script>
网友评论