Twitter引导 - 图片不显示 [英] Twitter bootstrap - images not showing

查看:2780
本文介绍了Twitter引导 - 图片不显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个在谷歌浏览器中运行正常的网站,但在其他浏览器(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上时,我可以看到正确的图像。但它不会出现在页面上。



我真的很感谢有人在查看代码。



非常感谢,

解决方案

从bootstrap 文档


需要HTML5文档类型



Bootstrap使用HTML元素和CSS属性,需要
使用HTML5文档类型。请确保将其包含在项目中每个引导页面的
开头。

目前您拥有:

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

作为一个文档类型,修复它,验证并再次尝试以查看它是否有效。


I have a website which works fine in Google Chrome, but not in other browsers (Firefox, Safari).

I'm having a problem with the following section of code:

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

As you can see, I'm displaying 4 images along the right hand side of the site. But the images won't render in Firefox!!!

What am I doing wrong?

The images show up in Firebug and when I hover over the in Firebug, I can see the correct image. But it simply will not appear on the page.

I'd really appreciate someone looking at the code.

Many thanks in advance,

解决方案

From the bootstrap documentation:

Requires HTML5 doctype

Bootstrap makes use of HTML elements and CSS properties that require the use of the HTML5 doctype. Be sure to include it at the beginning of every Bootstrapped page in your project.

Currently you have:

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

As a doctype, so fix that, validate and try again to see if it works.

这篇关于Twitter引导 - 图片不显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆