bootstrap基本模板解析

<!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>

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值