这是一个愚蠢的问题,但在这里,我们无论如何去。这里是我的基本结构Twitter引导字形图标不加载
/Content/twitter/bootstrap.css
/img/glyphicons-halflings.png
所以内容和IMG都在我的根目录,所以要指涉从我bootstrap.css文件字形图像我有这样的:
background-image: url("../../img/glyphicons-halflings.png");
YU NO显示?
是否有.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
这可能会破坏某些约定因为“脚本”文件夹真的应该牵住脚本。我证明这一点,因为我使用脚本文件夹(惊喜!)和第三方库(因此libs文件夹)。你获得的大多数第三方组件至少有js和css文件,而我只是懒得让它们手动分离,因为一些库(如bootstrap)依赖于其他文件的位置。
无论如何,我的两毛钱,如果你想改变文件的位置,请看下面的答案。所有伟大的提示,感谢所有人!
是的,我在桌子上有另一个地方,它正是这个:
你检查过,如果文件_glyphicons-halflings.png_存在于服务器上,并呈现正确.. ?? –
在Chrome中打开页面,右键单击字形应显示的位置,然后单击“检查元素”。这将启动Chrome的开发者工具...在“元素”选项卡中找到您的“”,然后点击它以显示适用于该元素的CSS规则。其中一条规则将成为glyphicons-haflings.png的路径。右键单击该路径,然后在新选项卡中打开。如果图像不显示,请查看URL路径并确定您需要对CSS规则进行的调整。 –