這是一個愚蠢的問題,但在這裏,我們無論如何去。這裏是我的基本結構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規則進行的調整。 –