在列引导程序中调整图像（响应）

Question

当我尝试使用bootstrap显示不同的图像时，我遇到了问题。这些图像不会调整到列（也是行）。在图像标签内部我放了.img-responsive，但它有height：auto属性。 我将展示一个例子来解释我的问题。

科div

<div class="row">
                <c:forEach items="${images}" var="images" varStatus="status">
                    <div class="col-xs-4 col-sm-3 col-md-2">
                            <a href="<c:url value='images/upload/${images.nameImage}'/>" title="Test" data-gallery> 
                                <c:if test="${images.extension == 'jpg' || images.extension == 'png'
                                            || images.extension == 'gif' || image.extension == 'bmp'
                                            || images.extension == 'jpeg'}">
                                    <img src="<c:url value='images/upload/${images.nameImage}'/>" class="img-responsive"/>
                                </c:if>
                            </a>
                    </div>
                </c:forEach>
        </div>

我试图在img标签内放置宽度和高度以放置一些尺寸，但它没有用。

有人能帮助我吗？

非常感谢你！