イメージサイズdiv内のブートストラップ

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

をcol-xm-12"">

を二重引用符を削除

img { 
width:100%; 
} 

または

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

を設定すると、img親コンテナよりも幅が広いことはありませんことを確認します。

Answer 2

<img>のインラインスタイル（幅と高さ）を削除する必要があります。またJsfiddle hereここ