我使用这个 Bootstrap 模板作为我的基础:http://startbootstrap.com/templates/grayscale/我试图获得相同的结果，但我想使用 421x515 像素的图像而不是 GRAYSCALE 大文本。
我的问题是在原始页面(见上面的链接)中，无论屏幕分辨率如何，这些向下箭头都保持可见。我在复制它时遇到问题。谁能帮帮我？
我为图像使用了“img-responsive”类，但它似乎不起作用(没有按应有的方式调整图像大小)。
有人愿意帮忙吗？谢谢。
编辑:示例链接在这里:http://jsfiddle.net/x8EpU/5/
<img src="http://placehold.it/421x515" class="img-responsive">
最佳答案
向下箭头实际上在任何分辨率下都不会保持可见。试着让你的浏览器变得非常短，它们最终会从屏幕上消失。它实际上只是将整个 block (标题、文本和箭头)垂直居中，但如果屏幕比此内容短，它看起来就不正确。
在您的代码中，您通过使用如此大的图像使 block 的大小大于屏幕的高度。尝试将浏览器缩小几次，您可以看到它正常工作，即使是图像也是如此。
尝试删除 img 上的 img-responsive 类并添加以下样式:max-width: 100%;最大高度:150px;
关于jquery - Bootstrap 响应式图像布局 - 调整大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24740924/