bootstrap是啥，就是别人弄好一堆样式，你直接引用即可。
bootstrap官网：https://www.bootcss.com/
进去下载文档，只有CSS 和 JS，?bootstrap.css，? ? bootstrap.min.js
不包括文档、源文件或任何可选的 JavaScript 依赖项（jQuery 和 Popper）
把我给整不会了，没有popper.min.js，jquery.min.js （知道的大佬们，麻烦告知一下）
?vscode安装插件?
关联
效果
?
定位（ctrl+点击查看的类，是点击，不是选中）
?效果
设置一个模板,以后直接要用直接复制过来使用就行了
（引入4个文件，就是你下载的文档），
qq微云（4个文件的文件夹，需要放在你写的页面html同级目录）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- ======第一步，设置视口(viewport)，响应式布局必须设置视口的，！html结构自带了==== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ===第二步，引入css文件，和js文件，必须按照顺序填写===== -->
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<title>Document</title>
</head>
<body>
<div class="container">
<!-- 内容都要写在container中 -->
<div class="bg-info"></div>
</div>
</body>
</html>?有一个无语的地方，有时候不提示代码，怎么解决
方法1：写的时候，先给个空格，再写类名
方法2：在左下角设置中搜索prevent 把前面那个勾取消掉，控制活动代码段是否阻止快速建议
?
?
?