Bootstrap 对图片的支持包括几个有用的类，这些类可以帮助你快速地为图片添加样式，以及确保图片在不同设备上具有良好的响应性。以下是对这些类的具体解释和如何使用它们的示例代码：
1. .img-rounded
这个类给图片添加圆角效果，通过设置 border-radius 属性为6像素来实现。这可以为图片添加一种现代和平滑的外观。
<img src="path/to/image.jpg" class="img-rounded" alt="Rounded Image">
AI 代码解读
2. .img-circle
使用这个类可以将图片变成完美的圆形。这是通过设置 border-radius 为50%来实现的，适用于需要圆形头像或其他圆形图片的场合。
<img src="path/to/image.jpg" class="img-circle" alt="Circle Image">
AI 代码解读
3. .img-thumbnail
这个类为图片添加一些内边距和一个灰色边框，通常用于创建缩略图。它提供了一种简洁的方式来展示小尺寸的图片。
<img src="path/to/image.jpg" class="img-thumbnail" alt="Thumbnail Image">
AI 代码解读
4. .img-responsive
这个类使图片具有响应性，即图片会根据其父元素的宽度自动调整大小，但不会超过其原始尺寸。这是通过设置 max-width 为100%和 height 为自动来实现的。这对于确保图片在不同设备和屏幕尺寸上良好显示非常有用。
<img src="path/to/image.jpg" class="img-responsive" alt="Responsive Image">
AI 代码解读
