我在这个问题上找到了很多变化，但我无法找到具体的答案，所以就在这里。
Boostrap 3
我有两张照片。第一个是307x404。第二个是1548 x 1161.我想让它们在一条线上显示响应（左边的大图像，右边的小图像）。
现在两个图像显示在两行上。我的代码截至目前为止：
<div class="about" id="about">
<div class="container">
<h1 class="text-center" style="font-weight: bold;">About My Shop</h1>
<div class="row">
<div class="col-xs-12 col-md-6">
<img class="img-responsive firstImage" src="img/first.png" alt="">
<img class="img-responsive secondImage" src="img/second.jpg" alt="">
</div>
</div>
.secondImage {
display: block;
margin-right: 30px;
float: right;
}
.firstImage {
display: block;
float: left;
}
答案 0 :(得分：0)
尝试使用.secondImage，.firstImage {display：inline-block; max-width：50％}并从两者中移除浮动。