为什么要用bootstrap呢？
- Bootstap作为前端最流行的框架（反正各大学习网站是这么说的。。emmm），
既然是最流行那当然就有学的必要了，它可以帮助我们快速的开发web项目
而且在各种设备上都有不错的弹性布局，不用pc端一套布局，移动端一套布局，当面一套，背后一套，这不好，太累了，所以弹性布局是很有必要的
有啥好处啊？
- 以前呢，我们写个导航栏，先ul在li在用浮动啊，定位啊一大串，这完全不是我们懒人能接受啊！！！，所来他来咯，bootsrtap给我们定义好了很多常用组件，好比一个黑盒子一样，要导航栏，直接掉就好了要好看按钮i，下拉菜单，都可以直接添加相应的类名即可，看完可能还是懵逼，那我们实验一下就懂啥意思了
准备工作：
- 官网下载资源库， 下载完后像导入css文件一样用link导入，js文件用,
<srcipt>便签导入，又下载，又导入的好麻烦啊，我一懒人你叫我弄这些？？？别急，懒人导入资源库他来了 - 国内推荐使用 Staticfile CDN 上的库，有点懵，没事，就是利用链接导入，将下面链接直接复制到页面头部
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
- 下载插件
打开vscode（我用的是vsc，各种插件功能，用起来舒服），选择扩展功能（ctrl+shit+x），搜索bootstrap 3 snippets 和bootstrap 4 snippets，安装 后，重新加载。这个插件就是提示功能，接下来我们看看如何使用吧！！！
开始实践：
- 以bs3- 开头或则关键字 就拿页面常用的组件来说吧
- bs3-form或者form ，就会自动弹出自带的多个样式供你选择 ，随便点一个就可以看到对应的样式，有单选，复选框，有下拉选择菜单，有输入框等等 ，我们简单的看几个吧
- select下拉菜单一键生成，文字，宽度可以自己修改，如何修改呢 别急，马上来说
一键生成好看的单选框
- 那有人就问了，你说一键生成就生成，哪里那么简单，对还就是那么简单哦，当我们输入form时候，会生成提示，checkbox我们总认识吧，找到关键字，呀，有好多啊，不熟悉我们就可以试试，到底哪个才是我们最想要的，其他的buttton啊，导航栏啊，网页轮番图 啊都是大同小异，输入关键字，然后自己找需要样式就ok!!!
- 还有一个重要的知识点，那虽然用起来简单，但是我想要在这个基础上改动怎么办啊？ 好比抄作业一样，总不能完全一样吧，我懒，但是不傻啊，hhh。细心的人可能发现了，他的样式基本都是通过类名来设置的，那假如上面的下拉菜单 ，我不希望鼠标触碰变为蓝色背景怎么办，我们可以在这个基础上设置优先级更高的选择器 比如用id选择器，只要权重比他高（有关权重的问题链家在下面哦），就能覆盖掉他原来的样式（当然，不嫌麻烦，或者以后你都不希望是蓝色背景，可以直接修改官网下载的源文件，这么勤快还来看懒人的入门文？？？hhh）
如何简单认识，计算权重
可以随手收藏，以备后用哦！！！
