Twitter引導程序-圖片未顯示

Question

我有一個可以在Google Chrome瀏覽器中正常運行的網站，但不能在其他瀏覽器（Firefox，Safari）中正常運行。

我對以下代碼部分有疑問：

        <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中時，可以看到正確的圖像。 但是它根本不會出現在頁面上。

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

提前謝謝了，

Answer 1

我無法復制您看到的內容，但是我沒有Firefox 11，但有幾件事：該頁面上的標記已嚴重過時。 拋棄<center>元素等，並擺脫所有不推薦使用的元素。 然后驗證標記和樣式。 我注意到您的第一個img有一個結束</ img>元素...這是無效的，我敢打賭這是導致您遇到問題的原因。

請記住，驗證是您的朋友。

Answer 2

從引導文檔：

需要HTML5文檔類型

Bootstrap使用需要使用HTML5文檔類型的HTML元素和CSS屬性。 確保在項目中每個“自舉”頁面的開頭都包含它。

目前您有：

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

作為doctype，請修復該問題，進行驗證，然后重試以查看其是否有效。

Answer 3

如果您的圖片未在firefox中顯示，並且打算使用瀏覽器的整個寬度，請確保添加class =“ container-fluid”

Twitter引導程序-圖片未顯示

問題描述

3 個解決方案

解決方案1
3 2012-04-28 09:12:46

解決方案2
2 已采納 2012-04-28 11:37:09

解決方案3
0 2014-08-29 22:42:42

Twitter引導程序-圖片未顯示

問題描述

3 個解決方案

解決方案1 3 2012-04-28 09:12:46

解決方案2 2 已采納 2012-04-28 11:37:09

解決方案3 0 2014-08-29 22:42:42

解決方案1
3 2012-04-28 09:12:46

解決方案2
2 已采納 2012-04-28 11:37:09

解決方案3
0 2014-08-29 22:42:42