用bootstrap实现图片在不同屏幕大小的情况下有不同的尺寸

Bootstrap提供了一些CSS类可以用来控制图片在不同屏幕大小下的尺寸。你可以使用以下类来实现这个效果：

- `.img-fluid`：该类可以使图片在容器内自适应，并且在不同屏幕尺寸下自动调整大小。

- `.img-thumbnail`：该类可以将图片变成缩略图，它有固定的宽度和高度，并且在不同屏幕尺寸下自动调整大小。

- `.w-100`：该类可以将图片的宽度设置为100%。

- `.h-100`：该类可以将图片的高度设置为100%。

下面是一个例子，展示了如何使用这些类来控制图片的尺寸：

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <img src="image.jpg" class="img-fluid" alt="Responsive image">
    </div>
    <div class="col-md-6">
      <img src="image.jpg" class="img-thumbnail w-100 h-100" alt="Thumbnail image">
    </div>
  </div>
</div>

在这个例子中，第一个图片使用`.img-fluid`类，它在不同屏幕尺寸下自适应并调整大小。第二个图片使用`.img-thumbnail`、`.w-100`和`.h-100`类，它变成了一个缩略图，并且宽度和高度都设置为100%。

你可以根据自己的需要使用这些类来控制图片的尺寸。