【问题标题】：Change height of bootstrap carousel更改引导轮播的高度
【发布时间】：2023-03-11 09:29:03
【问题描述】：
我很难调整引导轮播的高度。如果我更改轮播 div 的宽度，那么我会间接更改大小，但我希望整个宽度的高度发生变化，其中一半的图像出现，其中心位于它所在的 div 元素中。下面是与宽度
<div
id="showcase_carousel"
class="carousel slide carousel-dark w-75"
data-bs-ride="carousel"
style=""
>
【问题讨论】：
标签：
html
bootstrap-4
bootstrap-5
【解决方案1】：
您必须在 img 标记中添加一些 CSS。有了它，您可以调整图像的高度并将其居中。
像这样：
.carousel img {
height: 400px;
width: 100%;
object-fit: cover;
object-position: center;
}
object-fit: cover; 使图像适合而不被拉伸。使用object-position: center;，它将视图图像居中。在这种情况下，它将图像以 400 像素的高度居中。
这是一个工作示例：https://www.codeply.com/p/YHBLOvGq5F