イメージは右側のコンテナの幅を塗りつぶすために調整されません

Question

イメージはコンテナの右側を埋めるように調整されません。右側にのみ空白があります。ここに私のコードです。

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-lg-12 col-md-12"> 
    <img src="../images/Hero-1.png" alt="Hero-1" width="1170" height="601"class="img-responsive1"></div> 
    </div> 
</div> 


.img-responsive1 { 
    col: col-lg-12 col-md-12; 
    margin-left: -15px; 
    margin-right: -15px; 
    width: 100%; 
    margin-top: -21px; 
} 

Answer 1

画像と余白から余白を削除する必要があります。

また、画像の幅をcssから100％に指定しているため、画像タグの幅を指定する必要はありません。

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-lg-12 col-md-12"> 
     <img src="../images/Hero-1.png" alt="Hero-1" height="601" class="img-responsive1"> 
    </div> 
    </div> 
</div> 


.img-responsive1 { 
    width: 100%; 
} 

.col-lg-12, .col-md-12 { 
    padding: 0px; 
} 

Answer 2

私はあなたがそれらの負のマージン（悪い習慣）の全てをやっているかわからないんだけど、あなたは、コンテナの幅の100％を埋めるために画像をしたい場合、あなたはこれを行うことができます：

body { 
    margin: 0; 
} 
.img-responsive1 { 
    width: 100%;  
} 

Answer 3

これは12列のグリッドです。すべてのクラス（グリッド）に余白0が必要です。