Twitter引导程序标志符号图标未加载

Question

这是一个如此愚蠢的问题,但无论如何我们都去了.这是我的基本结构

/Content/twitter/bootstrap.css
/img/glyphicons-halflings.png

所以Content和img都在我的根目录中,所以为了引用我的bootstrap.css文件中的字形图像我有这样的:

background-image: url("../../img/glyphicons-halflings.png");

你没有表现？

是否有一个.js文件,我需要检查,以确保它在正确的目录中查找？

哦,这里是我想要渲染图像的片段:

 <td>
                @if (item.Something == true)
                {
                    <i class="icon-ok"></i>
                }
                else
                {
                    <i class="icon-remove"></i>
                }
            </td>

UPDATE

对这个问题有很多看法,所以我想我会分享我的两分钱.一个注意事项,因为发布BS 3.0的问题现在已经出来了,所以结构可能不同和/或不相关,还没有看过它.但是如果你到了这里,请记住这是3.0之前的Bootstrap.

我开始做的一件事就是这样,所以我真的不必乱用任何东西将整个bootstrap文件夹带入项目,而不仅仅是css/js/img文件夹.我通常把它放在我的根脚本文件夹中,结构如下:

/scripts
     /libs
          /boostrap <-- the unzipped folder you get when downloading
              /js
              /css
              /img

这可能会破坏一些约定,因为'scripts'文件夹应该只包含脚本.我证明它是正确的,因为我使用脚本文件夹(惊喜!)和第三方库(因此libs文件夹).你得到的大多数第三方组件至少都有js和css文件,我只是懒得把它们手动分开,因为一些库(比如bootstrap)依赖于其他文件所在的位置.

无论如何,我的两分钱,如果你想改变文件位置,请看看下面的答案.所有伟大的提示,谢谢SO人!

Answer 1

您当前的代码在技术上应该可以工作，并且不需要任何js文件。

background-image: url("../../img/glyphicons-halflings.png");对于像这样的目录结构来说非常好

/Content/twitter/bootstrap.css
/img/glyphicons-halflings.png

您可以尝试下面的代码以确保一切正常。

<td><i class="icon-ok"></i></td>

如果这也失败，请仔细检查glyphicons-halflings.png是否存在于您所说的路径中以及足够的权限。