css - Bootstrap 问题 : image overflow

Question

这是我的标记:

<div class="row">
<div class="col-md-3">
    <div class="row">
        <a href="#">
            <div class="col-md-6 col-xs-6">
                <img class="img-responsive" src="/images/foo.jpg">
            </div>
            <div class="col-md-6 col-xs-6 vorteil">
                 text
            </div>
        </a>
    </div>
</div>
<! -- plus 3 more items -->
</div>

看起来像这样:

然而问题是 - 当减小浏览器宽度时，它会变成这样:

图像会溢出它的容器，尽管它应该是响应式的..有什么想法吗？

谢谢

Answer 1

将红色和灰色的 div 包裹在 DIV 标签中，而不是链接中。为包含的 div 提供以下样式:

.containing-div {display:block; overflow:auto;}