在Bootstrap页面上将图像对齐到底部

Question

我有一个带有TBS＆＃39;页面标题的引导站点，上面有两个不同高度的图像，第一个图像没有给出特定的指令，但是第二个图像被告知要向右浮动，这样，无论视口如何，第一张图像将始终位于左侧，第二张图像将始终触及右侧。

这里的问题是我想将两个图像对齐到＆＃39;页面标题提供的行。这样每个图像的底部与另一个图像的底部齐平，并且与页面标题的距离相等。小时候，但我得到的是顶部相互齐平 - 即，他们正在对齐顶部。我在不同的div上使用了pull-right，vertical-align：bottom等等。我还没有改变Bootstrap。

我无法得到它!!!

   <div class="row clearfix page-header">
        <div class="col-md-12 column">
            <div>
                <a href="default.aspx">
                    <img src="img/Logo.jpg" /></a>
                <img style="float: right" src="img/cc1.jpg" />
            </div>
        </div>
    </div>

Answer 1

vertical-align：bottom有点垃圾。

我可以做的是将空<div>设为position:relative，然后将底部想要的图片设为position:absolute; bottom:0。