bootstrap框架
bootstrap是一个框架，里面包含了很多样式，包括我们平时练习项目的清除样式，还要版心居中，媒体查询等样式等等。。。
还有媒体查询 media，这些。
所以我们开发中，为了提高项目进度，一般都会选择框架引入，那么我们就不需要再写那些繁杂的样式，版心这些了。直接调用类名即可
bootstrap栅栏用法
bootstrap栅栏，默认把框架分成12份，要是你想大屏幕放三个标签，那么就是三个标签，每个标签分4分，把12份分给三个人，每个人四份。
大于或等于1200px，等于大屏幕（lg）
大于或等于992px，等于中屏幕 （md）
大于或等于768px，等于小屏幕屏幕 （sm）
小于于768px，等于超小屏幕 （xs）
实列，样式
div class = “col-lg-4”这个就是表示份3份，每份4个，大屏幕需要放3个标签，每个标签占4份，
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">1 </div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">2 </div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">3 </div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">4 </div>
以此类推，屏幕需要放多少个标签，就把12份平均分就好。
container与row默认样式
我们使用container与row，开发这个框架的作者给这两个都设定默认的padding内边距。
container版心，作者给container设置了两边的15padding的内边，
row类名，作者给row设置了两边负-15padding的内边距
媒体查询可视化书写顺序
媒体查询可以根据不同的屏幕大小，为不同屏幕大小的设置差异化css，屏幕大的，显示元素就大，屏幕小的，显示元素就小，
书写顺序
min-width：800px（表示最小值>=800px才生效）
从小到大顺序输入
max-widht：800px（表示最大值<800px才生效）
在css中样式都是存在层叠性的，要是我们不按顺序书写，我们某一个样式就无法生效！
找取bootstrap 框架
点击链接 跳转到 bootrtsap 官方文档 www.bootcss.com/
然后
在这个里面找到你所需要的样式。
复制，粘到vscode里面，
哪些不用的修改一下即可。
bootstrap-css-js引入规则
bootstrap的css样式规定在的标签里面引入
bootstrap的js样式规定在标签里面引入
bootstrap的css样式规定在里面第一个引入，后面才引入我们手动书写的css样式，这样子自己修改的可以层叠bootstrap里面的样式。
bootstrap的js样式规定在里面第一个引入jquery.js，在引入其他的js文件
