栅格系统：一行分为12列
contain类：容器，有宽度，并且会自动伸缩
row类：一行
.col- 针对所有设备 .col-sm- 平板 - 屏幕宽度等于或大于 576px .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px .col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px
对齐方式与grid对齐方式一样，不过值以-连接作为类名使用
justify-items- 水平单个对齐 align-items- 竖直单个对齐 center start end justify-content- 水平多个对齐 align-content- 水平多个对齐 center start end 4) space-around 每个元素间隔距离都是相同的，离边框一小段距离 5) space-between 每个元素间隔距离都是相同的，贴边框 <div class="container"> <div class="row justify-items-between"> <!-- 一行 --> <div class="col-2">asdf</div> <div class="col-4">asdf</div> <!-- 4份的距离 --> <div class="col-5">asdf</div> <div class="col">asdf</div> <!-- 正常的一份 --> </div> </div> 单元格换行： <div class="w-100"></div> 单元格间隙：每个单元格都加上类名 m-sm-数字 ，数字越大间隙越大 单元格排序：类名加上order-数字 ，数字越大越靠后 order-first ，必须排第一位 order-last ，必须排最后一位 偏移量：offset-数字 ，数字就是偏移份数 row-cols-数字 ，一行分为几列，不用手动换行了按钮：button标签（input、a也行） 设置按钮颜色：btn-primary/sucess 等，css文件可查看具体 设置按钮尺寸：btn-lg/sm/md ，lg大号，sm小号，md中号 空心按钮边框颜色：btn-outline-primary/sucess 等，css文件可查看具体 按钮组：btn-group
下拉菜单：dropdown 需要引入js 小三角：dropdown-toggle 实现下拉：data-toggle=“dropdown” 下拉菜单分组：dropdown-divider 设置下拉方向：dropup，dropleft，dropright，dropdown
导航：nav nav-tabs nav-item nav-link 看官网或者看css文件 data-toggle=“tab” 用于切换选项卡 tab-content：选项卡对应内容，后续内容必须有id，选项卡才能对应id找到 active:默认选中 fade:切换选项渐变
导航条重点：navbar-expand-lg/md 等 ，决定导航条什么宽度的时候收起来 data-toggle=“collapse” 触发js效果 data-target="#navbarSupportedContent" 触发事件的目标
