bootstrap

Question

如何使div内的图像不大于div？现在我设置宽度设置为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永远不会比其父容器宽。

Answer 2

您应删除<img>的内嵌样式（宽度和高度）。同时在col-xm-12"">

中删除双引号

Jsfiddle here