详情可见
1.在Bootstrap中可以通过m-* / p-* 快速添加间隙
m - 用于设置margin
p - 用于设置 padding
t - 用于设置 margin-top 或者 padding-top
b - 用于设置 margin-bottom 或者 padding-bottom
s - 用于设置 margin-left 或者 padding-left 在LTR里, margin-right 或者 padding-right 在LTR里。
e - 用于设置 margin-right 或者 padding-right 在LTR里, margin-left 或者 padding-left 在LTR里。
x - 用于设置 both *-left and *-right
y - 用于设置 both *-top and *-bottom
blank - 用于在元素的四边设置 margin 或者 padding
<div class="bg-success m-auto" ></div>
<div class="bg-success pt-5" >我是div</div>
2.在Bootstrap中可以通过 list-unstyled 快速去除项目符号
<ol class="list-unstyled">
<li>我是第1个li</li>
<li>我是第2个li</li>
<li>我是第3个li</li>
</ol>
3.在Bootstrap中可以通过 img-fluid快速设置等比拉伸图片
<img src="images/img1.jpg" class="img-fluid">
4.在Bootstrap中可以通过 img-thumbnail快速设置缩略图样式
<div class="bg-success">
<img src="images/lnj.jpg" class="img-thumbnail">
</div>