2013-03-14 38 views
0

使用Twitter引導我設計了這兩個頁面和奇怪的事情是圖標是可見的只有一個頁面,而不是其他..Twitter的引導圖標不可見

https://music-cloud.ap01.aws.af.cm/index.html

<ul class="nav"> 
    <li class="active"><a href="#"><i class="icon-home"></i>&nbsp;Home</a></li> 
    <li ><a href="login.html"><i class="icon-signin"></i>&nbsp;Login</a></li> 
    <li ><a href="register.html"><i class="icon-group"></i>&nbsp;Register</a></li> 
</ul> 

https://music-cloud.ap01.aws.af.cm/login.html

<ul class="nav"> 
    <li ><a href="index.html"><i class="icon-home"></i>&nbsp;Home</a></li> 
    <li class="active"><a href="#"><i class="icon-signin"></i>&nbsp;Login</a></li> 
    <li ><a href="register.html"><i class="icon-group"></i>&nbsp;Register</a></li> 
</ul> 
+0

這可能是值得一提的圖標是FontAwesome ... – BenM 2013-03-14 10:46:59

回答

1

你錯過了這個css文件.. font-awesome.css

圖標樣式在字體awesome.css定義

0

正如已經指出的那樣,查看源兩個頁面,只有一個包含了參考font-awesome

<link rel=StyleSheet href="css/font-awesome.css" type="text/css" media=all> 

那就是:https://music-cloud.ap01.aws.af.cm/login.html

使用一個共同的頭文件,並使用絕對URL將有助於確保沒有需要包括被遺漏掉,或者如果你移動內容或目錄打破:

<link rel=StyleSheet href="/css/font-awesome.css" type="text/css" media=all> 
          ^