Question

我有4张图片的缩略图。所有图像都具有相同的高度。但在缩略图中它们并不相同。我想让它们看起来一样。在这里我得到了： 4张图片： 1. 614x830 2. 599x830 3. 599x830 4. 599x830

在布局中，我得到4张图像，其中3张高度相同（图像2,3和4），图像1的高度较小。

如何解决这个问题？为什么会发生？如果图像的原始高度相同，为什么它会使高度变小？

谢谢！

<div class="row">
    <div class="col-sm-3">
      <div class="thumbnail">
      <img src="img/1.jpg" class="img-responsive">

        <div class="caption">
          <h4 class="text-center"> Text caption</h4>
        </div>
      </div>
    <div class="col-sm-3">
      <div class="thumbnail">
      <img src="img/2.jpg" class="img-responsive">

        <div class="caption">
          <h4 class="text-center"> Text caption</h4>
        </div>
      </div> 
    <div class="col-sm-3">
      <div class="thumbnail">
      <img src="img/3.jpg" class="img-responsive">

        <div class="caption">
          <h4 class="text-center"> Text caption</h4>
        </div>
      </div> 
    <div class="col-sm-3">
      <div class="thumbnail">
      <img src="img/4.jpg" class="img-responsive">

        <div class="caption">
          <h4 class="text-center"> Fall 2016</h4>
        </div>
      </div>   
    </div>

enter image description here

bootstrap thumbnail同样高

0 个答案: