Bootstrap---起步

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。