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>