BootStrap圖像有時重疊

Question

我在CSS Bootstrap上存在相互重疊的圖像問題。問題也在於，有時會發生，有時並不是如此不一致。

我還注意到，如果我點擊F12開發工具，圖像會自動間隔正確。 我試着按CTRL + F5刷新緩存，但問題依然存在。

這是網站http://www.sdhealthy.com/productssnacks.html 這是一個圖像重疊樣本（picture）。

任何人都可以請我指出什麼是錯誤的CSS代碼？

Answer 1

我已經看過你的代碼，你正在使用同位素jquery插件定位和動畫與'同位素項目類'的div。

我懷疑你需要添加的jQuery的這部分...

$(".isotope-w").isotope({ 
itemSelector: '.item', 
layoutMode: 'fitRows' 
}); 

到$（document）.ready函數。

這是因爲同位素插件正在計算圖像完成下載之前div的高度。

「解決方法」是手動將高度屬性添加到每個圖像，但我會嘗試糾正您的jQuery。

螢火蟲也報告錯誤：

ReferenceError: $ is not defined: $(document).ready(function() { 
http://www.sdhealthy.com/productssnacks.html 
Line 29 

如果你的同位素代碼已經應該在文件準備好運行，這個錯誤會阻止其運行。