垂直对齐图像到引导“行”内的底部？

Question

在以下示例中： http://jsfiddle.net/Fvswp/3/

我在row中有3张图片，我想将图片对齐到row的底部。

我尝试了其他方法，比如使用外部分割位置relative和图像绝对位置然后bottom: 0，但由于我使用的是bootstrap（2.3.1），所以它不起作用。< / p>

我知道还有许多类似的问题，比如我的this 但是没有一个解决方案能与我合作。

如何将这些图像垂直对齐到row的底部？

由于

Answer 1

我已更新您的jsFiddle http://jsfiddle.net/Fvswp/5/您需要做的是将{css属性display: block;添加到您的img元素中

<强> CSS

img { display: block;}

这将删除底部空间，这是一种默认的代码行，您应该在修复此问题的所有项目中使用它。

PS：感谢发布小提琴

Answer 2

使列等高（等于最大图像的高度）并在底部的列内定位图像：

#header > div {
    height: 128px;
    position: relative;
}
#header > div > img {
    position: absolute;
    bottom: 0;
}

演示：http://jsfiddle.net/Fvswp/6/