bootstrap基本模板解析

最新推荐文章于 2022-05-07 12:06:07 发布

Yeastone

最新推荐文章于 2022-05-07 12:06:07 发布

阅读量807

点赞数

分类专栏： Bootstrap 文章标签： bootstrap html

本文链接：https://blog.csdn.net/Yeastone/article/details/78215728

版权

Bootstrap 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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