부트 스트랩 Safari의 첫 번째 줄에 3 개의 격자가 끊어짐

Question

제품 행이있는 상점 페이지가 있습니다. 크롬에서는이처럼 잘 나타납니다

__ __ __ __ 
| | | | | | | | 
| | | | | | | | 
‾‾ ‾‾ ‾‾ ‾‾ 
__ __ __ __ 
| | | | | | | | 
| | | | | | | | 
‾‾ ‾‾ ‾‾ ‾‾ 

하지만 Safari에서 첫 번째 줄은 3 개 요소가

:

__ __ __ 
| | | | | | 
| | | | | | 
‾‾ ‾‾ ‾‾ 
__ __ __ __ 
| | | | | | | | 
| | | | | | | | 
‾‾ ‾‾ ‾‾ ‾‾ 

HTML : 당신은 col-md-3의 클래스를 준

<div class="container"> 
    <div class="row"> 
    ... 
     <div class="container"> 
     ... 
      <ul class="row"> 
      <li> 
       ... 
      </li> 
      </ul> 
     ... 
     </div> 
    ... 
    </div> 
</div> 

Answer 1

각 제품 항목으로 폭은 25%입니다. 그러나 너는 또한 너비를 25 % 이상으로 늘려 마지막 요소가 다음 줄로 들어가도록 패딩을줍니다.

또한 전체 구조가 잘못 코딩 된 것으로 보입니다. 어쨌든, 여기에 귀하의 문제에 대한 빠른 해결책이 있습니다. 마지막에 이것을 CSS에 추가하십시오.

.products .product { width: 24%; } 

또한 파일에이 코드가 있음을 확인했습니다. 이것은 나에게도 원인이되는 것 같다.

.products .col-md-4:nth-child(3n+1), .products .col-md-3:nth-child(4n+1) { clear: none; }