javascript - ブートストラップ グリッドが壊れる (高さが異なる画像)

Question

私は現在、Riot Games API をいじっています。ブートストラップを使用して「Champions」のグリッドを管理しています。これらの画像は、Riot の画像ベースから読み込まれますが、一部 (4-5) は他の画像よりも 1 ピクセル低くなります。

これはグリッドを壊します。画像は画面幅に基づいて高さを変更するため、高さを設定して修正することはできません。JS や jQuery を使用して、幅が変更されるたびにすべての画像の高さを計算したくないので、 cssまたはブートストラップクラスだけでこれをうまく修正できる人がいるかどうか疑問に思っています。

ページはwww.mathias-syversen.net です

<div class="row">
<?php foreach ($champs as $champ) { ?>
    <div id="id-<?php echo $champ[id] ?>" class="champion col-xs-6 col-sm-4 col-md-3 col-lg-2">
        <div class="thumbnail">
            <a href="/page/champion.php?id=<?php echo $champ[id] ?>">
                <img src="http://ddragon.leagueoflegends.com/cdn/img/champion/loading/<?php echo $champ[key] ?>_0.jpg" alt="<?php echo $champ[name] ?>">
                <div class="name-tag"><?php echo $champ[name] ?></div>
            </a>
        </div>
    </div>
<?php } ?>
</div>