img-responsive不会减小Bootstrap 3中的图像大小

Question

我一直在寻找img-responsive的答案，而不是缩小图像的大小。我已经尝试了我在这里找到的所有答案，但它似乎仍然无效。 您可以在http://janeanesanborn.com/mission.htm

找到我所指的图片

以下是代码：

   <div class="container content"> 
      <div class="row"><!--Row 3-->   
      <div class="col-lg-3 center">
    <img src="assets/img/father-and-baby250.jpg" class="img-thumbnail"></div> 

感谢您的帮助！

Answer 1

代码似乎在您链接到的网站上正常运行。它已经是一个小图像，因此很难说它会像屏幕一样变小，尽管它仍然很明显。

您可以使用img-thumbnail或img-responsive。缩略图将为图像提供白色边框，圆角以及其他一些内容，因为img-responsive只会使图像响应。

您提到的关于使图像变小的任何一种方法都应该可以正常工作。您也可以从较小的图像开始。只需试验它们，看看哪种方法最适合您的具体情况。