Bootstrap的搭建环境/基本模板

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

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

推荐阅读更多精彩内容