Question

我的网站在谷歌浏览器中运行良好，但在其他浏览器（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，但是，有一些东西：该页面上的标记严重过时。沟渠＆lt; center＆gt;元素等，并摆脱所有已弃用的元素。然后验证标记和样式。我注意到你的第一个img有一个结束＆lt; / img＆gt;元素...这是无效的，我愿意打赌它是导致你的问题的原因。

请记住，验证是你的朋友。

Answer 2

来自引导程序documentation：

需要HTML5 doctype

Bootstrap使用需要的HTML元素和CSS属性   使用HTML5 doctype。一定要在开头包含它   您项目中每个Bootstrapped页面。

目前你有：

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

作为doctype，请修复，验证并再次尝试查看它是否有效。

Answer 3

如果你的图片没有在firefox中显示，并且它意味着要占用浏览器的整个宽度，请确保添加class =“container-fluid”

Twitter引导程序 - 图像未显示

3 个答案: