bootstrap基本模板解析

来源:互联网 发布:c语言里的共用体怎么用 编辑:程序博客网 时间:2024/06/03 20:18
<!DOCTYPE html><html lang="zh-CN"><head>    <!--设定当前页面的字符编码模式-->    <meta charset="utf-8">    <!--IE浏览器的适配和兼容-->    <!--将IE浏览器看作为edge浏览器来进行兼容性的设置-->    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <!--viewport:浏览器可视窗口的大小-->    <!--width=device-width将当前的视口宽度设置为设备的宽度-->    <!--initial-scale=1初始化屏幕缩放比例为1-->    <!--user-scalable=no表示用户不可以用手指缩放页面的大小-->    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->    <title>项目名称</title>    <!-- Bootstrap -->    <!--加入css样式后可以显示基础的Css样式 根据自己的文件路径添加 下面的两个js引用也是这样-->    <link href="./lib/Bootstrap/css/bootstrap.min.css" rel="stylesheet">    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->    <!--在IE8之前的浏览器中,进行HTML5新标签以及响应式网页的兼容设置-->    <!--html5shiv.min.js 使旧版本的IE浏览器能够正确的识别HTML5中的新标签-->    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->    <!--respond.min.js 使旧版本IE浏览器能够进行响应式网页布局-->    <!--if lt IE 9条件注释 只有在符合条件时才会打开以下注释-->    <!--[if lt IE 9]>    <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]--></head><body><h1>你好,世界!</h1><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="./lib/jQuery/jquery-3.2.1.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="./lib/Bootstrap/js/bootstrap.min.js"></script></body></html>

原创粉丝点击