Bootstrap 自适应大小图片位置实现指南

在Bootstrap中，可以使用以下类来实现自适应大小的图片位置：

1. img-fluid：此类可应用于<img>标签，使图像自动适应其容器的大小。例如：

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

2. d-block：此类可应用于图像的父元素，使图像以块级元素的形式显示，并自动适应其容器的大小。例如：

<div class="d-block">
  <img src="image.jpg" class="img-fluid" alt="Responsive image">
</div>

3. mx-auto：此类可应用于图像的父元素，使图像在水平方向上居中显示。例如：

<div class="d-block mx-auto">
  <img src="image.jpg" class="img-fluid" alt="Responsive image">
</div>

通过组合以上类，可以实现自适应大小的图片位置。