美文网首页我爱编程
Bootstrap的搭建环境/基本模板

Bootstrap的搭建环境/基本模板

作者: maggie_LV | 来源:发表于2017-05-19 00:39 被阅读0次

    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

    相关文章

      网友评论

        本文标题:Bootstrap的搭建环境/基本模板

        本文链接:https://www.haomeiwen.com/subject/biztottx.html