2014-02-28 101 views
0

我與模板在這裏玩:在引導模板缺少圖像

http://demo.onokumus.com/metis/v12/

我得到了所有從GitHub來源:

https://github.com/onokumus/Bootstrap-Admin-Template

出於某種原因,所有的圖標丟失。 enter image description here

我三重檢查了文件夾,確保一切都在那裏。電子郵件圖標在bootstrap.min.css中使用圖標信封樣式。

.icon-envelope{background-position:-72px 0} 

我確實有這張圖片:背景圖片:(「../ img/glyphicons-halflings.png」);

任何想法?

+0

可以看出檢查的相對路徑 – feitla

+0

路徑是正確的。我甚至包含了圖片的完整URL,但仍然沒有運氣。 – CFNinja

回答

1

的圖標是一個實際的字體(不是圖像)稱爲字體真棒:http://fortawesome.github.io/Font-Awesome/ 該字體的路徑可以在「字體awesome.min.css」

@font-face { 
font-family: 'FontAwesome'; 
src: url('../font/fontawesome-webfont.eot?v=3.2.0'); 
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 
+0

這解釋了爲什麼我看到F086而不是圖標。 css鏈接是href =「assets/Font-awesome/css/font-awesome.min.css」。 CSS文件在那裏,所以我不知道爲什麼我仍然有這個問題。 – CFNinja

+0

字體文件夾在那裏? – moodyjive

+0

是的,確實如此。 assets/Font-awesome/css – CFNinja