html - 在 Bootstrap 页面上将图像与底部对齐

Question

我有一个带有 TBS“页眉”的 Bootstrap 站点，上面有两张不同高度的图片，第一张图片没有特别说明，但第二张图片被告知要向右浮动，这样，无论在视口(viewport)中，第一张图片总是在左边，第二张图片总是在右边。

这里的问题是我想将两个图像与“页眉”提供的行对齐，以便每个图像的底部与另一个图像齐平并且与“页眉”Hr 等距，但是什么我得到的是顶部彼此齐平 - 即，它们与顶部对齐。我在不同的 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 .