Html 引导映像大小不相同

我有一个引导css的问题。我有一个带有页眉、正文和页脚的面板。主体包含一个图像。每个图像的大小都已调整为相同的700px宽度和450px高度。然而，面板的大小不同，页脚没有相互对齐

如何解决这个问题

.cshtm代码：

 <div class="col-md-4 col-sm-6">
        <div class="panel">
            <div class="panel-heading">
                Visual Similarity Duplicate Image Finder
            </div>
            <div class="panel-body">
                <a href="portfolio-item.html">
                    <img class="img-responsive img-blog img-hover" src="@ViewBag.AccreditationImage2" alt="">
                </a>
            </div>
            <div class="panel-footer">
                <p>Accreditation test Progress: 10%</p>
                <p>Version: 5.5.0.1</p>
                <p>Vendor: MindGems, Inc.</p>
            </div>
        </div>
    </div>

视觉相似性重复图像查找器
认可测试进度：10%

版本：5.5.0.1

供应商：MindGems公司

以及无处不在的形象：

更新

---

事实证明，尽管图像的大小都相同，但它们的自然高度确实不同。无论如何，如何强制面板中的图像大小相同？

如果没有看到css，就无法具体说明您的情况，但您应该能够在图像或容器上设置高度属性：

<style>
.panel-body {
    height : 450px
}
</style>

.小组委员会{
高度：450像素
}

或：

.面板主体img{
高度：450像素
}

您确定它们是700x450吗？它们看起来没有被压扁的样子，因为它们必须看起来很小。您应该使用Chrome开发者工具等检查图片，看看这3张图片的自然大小是否相同。@pbaldauf好的，谢谢。自然大小（高度）确实不同。请参阅问题的更新。

<style>
   .panel-body img {
        height : 450px
    }
</style>