bootstrap使用环境搭建

head架构引入内容
    <head>
        <meta charset="utf-8" />
        <!--使IE游览器运行最新的渲染模式-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!--移动端适配-->
        <meta name="viewport" content="width=device-width, initial-scale=1"    />
        <title>学习</title>
        <!--引用bootstrap样式文件-->
        <link rel="stylesheet" href="bootstrap-3.3.7/dist/css/bootstrap.min.css" />
        <!--在IE8及以下版本不支持HTML5元素和媒体查询，所以导入以下js文件实现支持-->
        <!--[if lt IE 9]-->
        <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
          <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
        <!--[endif]-->
        <!--bootstrap插件基于jquery-->
        <script src="jquery/jquery-3.4.1.min.js"></script>
        <!--引入bootstrapJS文件-->
        <script src="bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
    </head>