Twitter引導程序 - 圖像不顯示

我有一個網站，可以在Google Chrome中正常運行，但在其他瀏覽器（Firefox，Safari）中無法正常運行。Twitter引導程序 - 圖像不顯示

我有一個問題，下面的代碼段：

 <div class="span2"> 
      <img src="./images/ads/karaoke.png" /> 
      <br><br><br> 
      <img src="./images/ads/euros.png" /> 
      <br><br><br><br> 
      <img src="./images/ads/parties.png" /> 
      <br><br><br><br> 
      <img src="./images/ads/traleeDynamos.png" /> 
     </div>

正如你所看到的，我沿線站點的右側顯示4張圖像。但圖像不會在Firefox中呈現！

我在做什麼錯？

圖像顯示在Firebug中，當我將鼠標懸停在Firebug上時，我可以看到正確的圖像。但它不會出現在頁面上。

我真的很感謝有人在看代碼。

提前許多感謝，

來源

2012-04-28 Eamorr

作品在這裏很好，也許嘗試清除緩存？ – 2012-04-28 09:05:12

真的嗎？在Firefox上？ – Eamorr 2012-04-28 09:07:10

是的，在Firefox 11上 – 2012-04-28 09:08:08

從引導documentation：

需要HTML5的doctype

引導利用HTML元素和CSS屬性需要使用HTML5的doctype的。請確保將其包含在項目中每個Bootstrapped頁面的開頭處。

目前您有：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">

作爲文檔類型，所以解決這個問題，驗證，然後再試一次，看看它是否工作。

來源

2012-04-28 11:37:09

試圖更改文檔類型 - 沒有工作。 – Eamorr 2012-04-28 11:59:05

@Eamorr圖片現在在FF3.6.17上發佈，請嘗試清除緩存。 – 2012-04-28 12:03:16

@Eamorr也將出現在IE8，Chrome16和Safari中。 – 2012-04-28 12:04:04

我不能複製你看到的，但我沒有Firefox的11這樣做，不過，幾件事情：該網頁上的標記是嚴重過時。溝<中心>元素等，並擺脫所有棄用的元素。然後驗證標記和樣式。我注意到你的第一個img有一個關閉</img >元素...這是無效的，我敢打賭，這是什麼導致你的問題。

記住，驗證是你的朋友。

來源

2012-04-28 09:12:46 albert

如果圖像是不能在Firefox顯示，它是爲了把你的瀏覽器的整個寬度，請確保您添加類=「容器流體」

來源

2014-08-29 22:42:42

Twitter引導程序 - 圖像不顯示

回答

相關問題