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

时间:2015-06-29 18:04:19

标签: html twitter-bootstrap

我一直在寻找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> 

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

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

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

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