如何垂直对齐当前使用列中的引导程序4类img-fluid的图像？

Question

我正在使用bootstrap列，每个列都有不同大小的图像，这些图像在全屏视图中对齐，但是当使用bootstrap的类img-fluid时，它们会调整大小以适应较小的视口但不是在其他图像垂直，较小的图像最终位于div列的顶部。

当图像缩小时，有没有办法垂直对齐这些图像？

这是标记：

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
    <div class="col-2">
        <img src="http://via.placeholder.com/350x150" class="d-block img-fluid">
    </div>
    <div class="col-2">
        <img src="http://via.placeholder.com/300x150" class="d-block img-fluid">
    </div>
    <div class="col-2">
        <img src="http://via.placeholder.com/250x150" class="d-block img-fluid">
    </div>
    <div class="col-2">
        <img src="http://via.placeholder.com/200x100" class="d-block img-fluid">
    </div>
    <div class="col-2">
        <img src="http://via.placeholder.com/250x150" class="d-block img-fluid">
    </div>
    <div class="col-2">
        <img src="http://via.placeholder.com/150x150" class="d-block img-fluid">
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;