在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幅圖像

回答

相關問題