Yii2的匹配高度扩展不工作

我正在开发缩略图库，它的HTML代码包含在PHP foreach循环中。但问题是缩略图会以不同的高度呈现

为了防止它，我决定用这个

这是我的密码：

<div class="container">
<?php foreach($data as $key => $value) { 
    if($counter == 0) {echo '<div class="row">';}
    ?>
    <div class="col-sm-6 col-md-4 thumbnail_block">
        <div class="thumbnail"> 
            <div class="caption">
                <h3><?php echo $value['strategy_title']; ?></h3>
                <p><?php echo $value['strategy_description']; ?></p>
                <p><button class="btn btn-info" type="button">
                    Узнать больше
                </button></p>
            </div>
        </div>
    </div>

<?php 
    if($counter == 2 || $key === $last_element) {echo '</div>'; $counter = 0;} 
    else {$counter++;}
}
?>
<?php $this->registerJs('$("thumbnail_block").matchHeight();') ?>
</div>

Узнать больше

---

但一切都不起作用。问题是什么？我该如何解决？或者我应该尝试另一种方法来制作相同的缩略图高度？

毕竟我使用CSS制作相同的卡片高度

/* CSS used here will be applied after bootstrap.css */
@media only screen and (min-width : 481px) {
    .row.equal-height {
        display: flex;
        flex-wrap: wrap;
    }
.row.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.row.equal-height.row:after,
.row.equal-height.row:before {
    display: flex;
}

.row.equal-height > [class*='col-'] > .thumbnail,
.row.equal-height > [class*='col-'] > .thumbnail > .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.row.equal-height > [class*='col-'] > .thumbnail > .caption > .flex-text {
    flex-grow: 1;
}
.row.equal-height > [class*='col-'] > .thumbnail > img {
    width: 100%;
    height: 200px; /* force image's height */

    /* force image fit inside it's "box" */
    -webkit-object-fit: cover;
       -moz-object-fit: cover;
        -ms-object-fit: cover;
         -o-object-fit: cover;
            object-fit: cover;
}
}

---

在我的yii构建中，我使用CDN加载样式，因为该站点总是在浏览器的缓存中。删除缓存后，一切都开始工作。现在，如果我想重新加载整个站点，我按Shift+F5键，尝试在类名前添加点：

@rob006没有帮助您在浏览器控制台中收到任何JS错误吗？@rob006当页面呈现时，我没有收到任何JS错误，它正常工作。如果我签入开发者模式