在div底部放置3幅图像

我使用Bootstrap并试图将这3幅图像放在底部而没有任何成功。你能帮忙吗？在div底部放置3幅图像

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个图像是不同的尺寸。我想以这样一种方式来定位它们，使得所有图像都位于红色边框线上。

来源

2017-04-14 Elaine Byene

我看不出重新打开此项目的原因。其他答案解释了解决方案。 http://www.codeply.com/go/fw3b4XJ3Pj – ZimSystem

主要问题是使列高度相同 – ZimSystem

现在，我只看到用margin_top或padding_top来调节，并且通过媒体开关进行响应调节。

style='margin_top:150px;'

来源

2017-04-14 16:47:26 b2ok

不起作用。我已经尝试过了。不过谢谢。 –

在div底部放置3幅图像

回答

相关问题