Twitter bootstrap I'；我希望这些图片都是完全相同的大小，并保持按钮内联

设计一个真正简单的网站，我正试图让这些列的高度，按钮的位置和图像的大小完美。有什么建议吗

琼伯伦先生{
文本对齐：居中；
颜色：白色；
背景：#09f；
文本阴影：1px 1px 1px黑色；
}
#价格{
背景：银；
边缘底部：20px；
}
.行{
文本对齐：居中；
显示器：flex；
柔性包装：包装；
文本转换：大写；
}

---

我不知道如何让容器底部都在同一条线上，但也要确保图像相应地填满相同数量的容器。

一种方法是为图像容器div指定一定的高度和宽度，并使用图像作为相应div的背景图像。这将帮助您正确定位图像，而不考虑其纵横比

这就是我想说的，更新你的thumnail类

.thumbnail {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
}

然后像这样更新你的html

<div id="minetn" class="thumbnail" style="background-image: url('http://2.bp.blogspot.com/-uK7LaDSSyFE/Vhi2nrCu5iI/AAAAAAAAGE0/2Ht-q9oYO24/s1600/Bitcoin-mining.jpg')"></div>

然后将按钮放在相应的缩略图div下面

这是最新的代码笔

<div id="minetn" class="thumbnail" style="background-image: url('http://2.bp.blogspot.com/-uK7LaDSSyFE/Vhi2nrCu5iI/AAAAAAAAGE0/2Ht-q9oYO24/s1600/Bitcoin-mining.jpg')"></div>