Bootstrap为图像提供了不同的类，以使它们的外观更好，并使其具有响应性。使图像具有响应性意味着它应根据其父元素进行缩放。即，图像的大小不应溢出其父元素，并且将根据其父大小的变化而增大和缩小，而不会丢失其宽高比。
Bootstrap中可用于映像的不同类如下所述：
响应式图像： 标记中使用了.img-fluid类，以创建响应式图像。响应式图像用于将图像自动调整到指定的框。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Responsive Image
输出： 
圆角图像： .rounded类用于创建圆角图像。此类与标记一起使用。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Rounded Corner Image
输出： 
圆形图像： .rounded-circle类用于创建圆形图像。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Circle Image
输出： 
缩略图： .img-thumbnail类用于创建缩略图(带边框的)图像。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Thumbnail Image
输出： 
对齐图像： .float-left和.float-right类用于设置图像的左右对齐。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Aligning Image
输出： 
居中图像： .mx-auto (margin：auto)和.d-block (display：block)类用于将图像设置为居中。
句法：
例子：
Bootstrap Images
GeeksforGeeks
Centered Image
输出： 