如何使用 bootstrap 将图像设置为相同高度？

Question

我试图为所有卡片放置相同大小的图像，但有些图像的高度已经很小，我该如何解决？

<div class="row">
    <div class="col">
        <div class="card h-100" style="width: 18rem;">
            <img class="card-img-top" src="/assets/prewedding/pic1.jpg">
        </div>
    </div>
    <div class="col">
        <div class="card h-100" style="width: 18rem;">
            <img class="card-img-top" src="/assets/prewedding/pic2.jpg">
        </div>
    </div>
</div>

Answer 1

你只需要设置img来覆盖容器，比如

.card > img {
    width: 100%;
    height: 100%;
}