bootstrap用图片展示功能

Bootstrap 提供了一些类来方便地展示图片，例如 `img-fluid`、`rounded`、`thumbnail` 等等。以下是一个简单的例子，展示如何使用这些类来展示图片：

<div class="container">
  <h1>图片展示</h1>
  <div class="row">
    <div class="col-sm-4">
      <img src="https://picsum.photos/200/200" class="img-fluid rounded">
    </div>
    <div class="col-sm-4">
      <img src="https://picsum.photos/200/200" class="img-fluid rounded">
    </div>
    <div class="col-sm-4">
      <img src="https://picsum.photos/200/200" class="img-fluid rounded">
    </div>
  </div>
</div>

在上面的例子中，我们使用了 Bootstrap 的栅格系统来将图片平均分配到三个列中。每个列中的图片都使用了 `img-fluid` 类来让图片自适应父容器的大小，并且使用了 `rounded` 类来让图片的边角变得圆润。你还可以使用 `thumbnail` 类来让图片带有边框和阴影效果。