如何使用 Bootstrap 使包含图像的 div 具有固定大小？

在 Bootstrap 中，可以使用 d-flex 和 align-items-center 类来使包含图像的 div 具有固定大小并居中。

以下是示例代码：

<div class="d-flex align-items-center" style="width: 200px; height: 200px;">
  <img src="example.jpg" class="w-100 h-100" alt="example image">
</div>

在这个示例中，d-flex 类将 div 转换为弹性容器，align-items-center 类将其子元素垂直居中。

w-100 和 h-100 类将图片的宽度和高度设置为 100%，使其填充整个 div。

通过设置 div 的 width 和 height，可以使其具有固定的尺寸。

需要注意的是，如果图片的尺寸小于 div，那么图片将被拉伸以填满整个 div。如果想要保持原始比例，可以使用 object-fit CSS 属性来调整图片的尺寸和位置。

希望对你有帮助！