在 div 的底部放置 3 个图像 [重复]答案

【问题标题】：Position 3 images at the bottom of the div [duplicate]在 div 的底部放置 3 个图像 [重复]
【发布时间】：2017-04-15 02:59:29
【问题描述】：

我正在使用 Bootstrap 并尝试将这 3 个图像放置在底部，但没有成功。你能帮忙吗？

JSFIDDEL

HTML：

<div class="row">
<div class="col-xs-2">
  <img src="https://s10.postimg.org/730mt4y5l/image.jpg" class="img-responsive first">
</div>
<div class="col-xs-8">
  <img src="https://s10.postimg.org/yp3edthih/image.jpg" class="img-responsive second">
</div>
<div class="col-xs-2">
  <img src="https://s10.postimg.org/z4j9kkstl/image.jpg" class="img-responsive third">
</div>
</div>

CSS：

.row {
  border-bottom: 1px solid red;
  position: relative;
}
.first {

}
.second {

}
.third {

}

这 3 张图片的尺寸不同。我想以这样一种方式定位它们，使所有图像都位于红色边界线上。

【问题讨论】：

我看不出重新打开它的原因。该解决方案在其他答案中进行了解释。 codeply.com/go/fw3b4XJ3Pj
主要问题是使列的高度相同

标签： html twitter-bootstrap css

【解决方案1】：

目前，我只看到使用 margin_top 或 padding_top 进行调节，并使用媒体开关进行响应式调节。

style='margin_top:150px;'

【讨论】：

不起作用。我已经试过了。不过还是谢谢。