css - Bootstrap 中 div 内的图像大小

Question

如何让div里面的图片不比div大？现在我把width设置成500px什么的也不是什么好的解决办法。

<div class="container">
 <div class="row row-offcanvas row-offcanvas-right">
   <div class="col-md-12 col-lg-12 col-sm-12 col-xm-12">
   <div class="col-md-6 col-lg-6 col-sm-12 col-xm-12"">
    <img src="imagesource" class="img-responsive" width="500" height="auto">
   </div>
  </div>
 </div>
</div>

Answer 1

设置

img {
width:100%;
}

或

<img style="width:100%;"/>

将确保 img 永远不会比其父容器宽。