这是一个愚蠢的问题,但我们还是要开始。这是我的基本结构
/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)依赖于其他文件的位置。
无论如何,我的两分钱,如果您想更改文件位置,请查看下面的答案。所有很棒的提示,谢谢大家!
最佳答案
您当前的代码在技术上应该可以工作,并且不需要任何 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 是否存在于您所说的路径中以及是否有足够的权限..
关于css - Twitter bootstrap 字形图标未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13849209/