bootstrap：缩略图的相等高度（理想情况下是flex）

Question

我使用bootstrap，我希望我的盒子找出最高的行并为所有这些行选择高度。现在我觉得我应该可以用flex做这个但是我还没有工作！

HTML ：

<div class="my-projects">
    <div class="col-sm-4 col-md-3">
        <div class="thumbnail">
            <div class="caption">
                <h3>

                </h3>
                <p>

                </p>
                <p>

                </p>
            </div>
        </div>
    </div>
</div>       

CSS

.content {
    display: flex
}
.content .thumbnail{
    flex:1;
}

这似乎使得这些行真的很长很薄而且大量破碎......

Answer 1

尝试将此添加到您的CSS

    .thumbnail img:hover {transform: scale(1.1);}
.thumbnail img {transition: all 0.3s ease 0s; width: 100%}

您可以设置缩略图大小，图像应缩放以适合。