Question

我正在使用Bootstrap并试图将这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张图片的尺寸不同。我想以这样的方式定位它们，使所有图像都位于红色边界线上。

Answer 1

目前，我只看到使用margin_top或padding_top进行规范，并通过媒体切换进行响应式调节。

style='margin_top:150px;'

将3个图像放在div的底部

1 个答案: