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; }