响应式图像不工作引导程序

Question

我尝试过这样做，但它仍然不起作用。任何人都可以告诉我。 我希望徽标图像能够响应。也就是说，在移动设备上打开图像时，它应该会自动调整徽标的大小。

http://www.bootply.com/IphpJ1sbwL

Answer 1

<img src="yourImage.jpg" class="img-responsive" alt="Nice img">

您应该将.img-responsive分配给img代码，而不是div代码。

编辑1： 在您的页面上的.img-responsive或bootstap-min.css中创建bootstrap.css类，如下所示，并为您的所有图片提供.img响应。

.img-responsive {
   display: inline;
}

请参阅此答案以便更好地理解。 https://stackoverflow.com/a/19449583/1848929