Bootstrap 图片

Bootstrap 是一个流行的前端框架，它提供了一套丰富的工具和组件，用于快速开发响应式和移动优先的网页。在本文中，我们将探讨如何使用 Bootstrap 来处理和展示图片，包括图片的响应式设计、图片样式和图片布局。

响应式图片

Bootstrap 通过其栅格系统提供了响应式图片的支持。这意味着你可以轻松地创建在不同设备上都能正确显示的图片。要使图片响应式，只需将图片放在 .img-fluid 类的容器中即可。这个类会自动设置 max-width: 100%; 和 height: auto;，确保图片能够根据其父容器的宽度进行缩放。

<img src="path/to/image.jpg" class="img-fluid" alt="Responsive image">

图片样式

Bootstrap 提供了一些预定义的类，用于快速设置图片的样式。例如，你可以使用 .img-rounded、.img-circle 或 .img-thumbnail 来创建不同形状的图片。

<img src="path/to/image.jpg" class="img-rounded" alt="Rounded image">
<img src="path/to/image.jpg" class="img-circle" alt="Circular image">
<img s