css - Twitter bootstrap 字形图标未加载

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>

更新

这个问题有很多观点，所以我想我会分享我的两分钱。请注意，由于发布问题 BS 3.0 现已结束，因此结构可能不同和/或不相关，尚未查看。但是如果您来到这里，请记住这是 3.0 之前的 Bootstrap。

我已经开始做的一件事是将整个 bootstrap 文件夹引入元素，而不仅仅是 css/js/img 文件夹，这样我就不必真正搞砸任何事情。我通常将它放在我的根脚本文件夹中，结构如下:

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

这可能会打破一些约定，因为“脚本”文件夹实际上应该只包含脚本。我证明它是合理的，因为我将脚本文件夹用于脚本(惊喜!)和第三方库(因此是 libs 文件夹)。你得到的大多数第三方组件至少有 js 和 css 文件，我只是懒得手动将它们分开，因为一些库(如 bootstrap)依赖于其他文件的位置。

无论如何，我的两分钱，如果您想更改文件位置，请查看下面的答案。所有很棒的提示，谢谢大家!

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 是否存在于您所说的路径中以及是否有足够的权限..