Question

当我查看分辨率为sm且xs的设备如何使其适合网格时，我的图像有空间？

这是我的代码

<div class="container">
    <div class="row">
  <div class="col-md-7">
    <img src="http://placehold.it/550x350" class="img-responsive">
  </div>
  <div class="col-md-5">
    <h2>How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining it's width:height ratio?</h2>
    <p>How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining it's width:height ratio?</p>
  </div>
</div>
</div>

分辨率991px to 581px中的

我从图像中得到空白（就像它不适合网格一样）

http://www.bootply.com/10CUN9fXqG#

我该如何解决？

Answer 1

我只想将width: 100%;添加到您的图片

Answer 2

可能是您的解决方案代码：

shmget

Answer 3

您没有在classes和sm屏幕上使用引导程序xs，使用它同时将img从max-width更改为{{1} }}。

width

Answer 4

.img-responsive {
    margin: 0 auto;
}

尝试添加自定义样式

当网格最小化时，图像不适合网格

4 个答案: