ブートストラップ行のいくつかのイメージがチェッカーパターンで表示されるのはなぜですか？

Question

私はBootstrapを使って製品ページを作成していますが、ほとんどの画像は正常に表示されますが、2つの最下行の最後の行は小さな画面サイズのチェッカーになります。ここで

To let you know what I mean I've included an image here.

右に動作していない行の1つのコードされた：あなたは要素の大きさが増加しているいくつかのパディングやボーダーを持っているとき

<div class= "row"> 

    <div class="col-sm-6 col-md-3"> 

    <img src="images/seasonal_1.jpg"> 

    </div> 

    <div class="col-sm-6 col-md-3"> 

    <img src="images/seasonal_2.jpg"> 

    </div> 

    <div class="col-sm-6 col-md-3"> 

    <img src="images/seasonal_3.jpg"> 

    </div> 

    <div class="col-sm-6 col-md-3"> 

    <img src="images/seasonal_4.jpg"> 

    </div> 

</div> 

Answer 1

これは通常起こります。

グリッドは2つの要素の幅がそれぞれ50％に等しいが、いくつかのパディングまたはボーダーのようなものを合計して合計100％を超えて要素が次の行

私のアドバイス（実際のコードはありません）は、ブラウザの開発ツールを使って自分のスタイルを見直し、このときにどのようなスタイルが適用されているかを確認することです。問題の原因を突き止めることができます。

確定的な答えではなくても、これは役に立ちます。