Bootstrap 4 图片
Bootstrap 4 图片形状
圆角
圆形
缩略图
圆角
使用 .rounded 类为图片添加圆角
圆形
使用 .rounded-circle 类将图片形状设置为圆形
缩略图
使用 .img-thumbnail 类将图片形状设置为缩略图（带边框）
对齐图片
使用 .float-right 类将图片浮动到右侧，或者使用 .float-left 类将其浮动到左侧
居中图片
通过向图片添加实用程序类 .mx-auto (margin:auto) 和 .d-block (display:block) 来居中图片
响应式图片
图片有各种尺寸，屏幕也有各种尺寸。响应式图片会自动调整以适应屏幕大小。
通过向 <img> 标签添加 .img-fluid 类来创建响应式图片。然后，图片将根据父元素的大小进行完美缩放。
.img-fluid 类会向图片应用 max-width: 100%; 和 height: auto;
