부트 스트랩 행의 일부 이미지가 바둑판 무늬로 나타나는 이유는 무엇입니까?

Question

부트 스트랩을 사용하여 제품 페이지를 만들고 있는데 대부분의 이미지는 잘 보이지만 작은 화면 크기의 두 하단 행 검사기의 마지막 줄은 잘 보입니다. 당신은 요소의 크기를 증가하고 일부 패딩이나 테두리가 때 일반적으로 발생

<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

: 여기

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

가 제대로 작동하지 않는 행 중 하나의 코드입니다.

그리드가 %의 기준으로 작동하므로 너비가 각각 50 % 인 요소가 두 개있는 경우 일부 패딩이나 테두리와 같은 것을 추가하면 총 100 % 이상이되며 요소는 다음 줄.

내 조언은 (실제 코드가없는 경우) 브라우저 개발 도구를 사용하여 스타일을 검토하여 이러한 상황이 발생할 때 적용되는 스타일을 확인하는 것입니다. 문제가되는 속성을 추적 할 수 있어야합니다.

희망적인 답변이 아니더라도 유용합니다.