图片

在Bootstrap中，给图片添加.img-fluid样式，或定义max-width: 100%、height:auto;样式，即可赋得响应式特性，图片大小会随着父元素大小同步缩放。

您可以使用.img-thumbnail属性来使图片自动被加上一个带圆角且1px边界的外框缩略图样式（你也可以使用系统提供的边隙间距方法，如.p-1再加上边框颜色定义达成），效果如下：

对于.block属性的块状图片，我们也可以使用浮动定义规范或文字对齐规范，来实现对图像的对齐、浮动控制，带.block块属性的图片，可以自动获得 .mx-auto 的位置对齐属性.

HTML5标准提供了一个全新的<picture> 元素，它可以为 <img>指定多个<source> 定义，<picture>元素可实现图片在不同屏幕下的针对性响应式，其使用逻辑如下