你可以这样做：
1.使用padding-bottom:100%; overflow:hidden; position:relative将图像 Package 在容器中
1.将图像完全放置在该容器中。

FIDDLE
说明：

填充顶部/底部（如边距顶部/底部）是根据父元素的宽度计算的。由于.image div与其父元素的宽度相同，设置padding-bottom:100%;给予与宽度相同的高度，因此它是方形的（其内容需要绝对定位或浮动，因此不会更改父元素的大小）。

• HTML：*

<div class="col-sm-6"> 
    <a href="#" class="thumbnail">
        <div class="caption">
            title<br/>3 x bekeken
        </div>
        <div class="image">
            <img src="" class="img img-responsive full-width" />
        </div>
    </a>
</div>

• CSS：*

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
}

这里是最好的解决方案，为每一个大小的图像http://jsfiddle.net/oboshto/p9L2q/53/
HTML相同：

<div class="col-sm-6"> 
    <a href="#" class="thumbnail">
        <div class="caption">
            title<br/>3 x bekeken
        </div>
        <div class="image">
            <img src="" class="img img-responsive full-width" />
        </div>
    </a>
</div>

新CSS：

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
}

你可以将所有的图片 Package 在一个div中，然后将div的overflow设置为hidden。只要div是正方形，那么你的图像就会被裁剪。div也可以响应。similar post

这个链接对我有用。JSFiddle
而不是使用<div><img/></div>，background-position; background-size; background-repeat将做的伎俩。

web-tiki answer几乎对我有效，对于更大的图像，我必须添加此HTML和CSS以使它们在正方形内居中：

.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
    position:absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

<div class="col-sm-6"> 
<a href="#" class="thumbnail">
    <div class="caption">
        title<br/>3 x bekeken
    </div>
    <div class="image">
        <img src="" class="img img-responsive full-width" />
    </div>
</a>
</div>

在我看来，这是一个符合Bootstrap精神的解决方案：

<div class="ratio ratio-1x1">
  <img class="img-fluid src="my_image.png" />
</div>

在Bootstrap 5.3上进行了测试，但Bootstrap 5已经支持这种方式，并且在Bootstrap 4中也支持不同的模式。