Twitter引导程序图标不可见

时间:2013-03-14 10:39:43

标签: html css twitter-bootstrap font-awesome

使用twitter bootstrap我已经设计了这两个页面而且很奇怪的是图标只能看到一页而不是其他页面。

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>

2 个答案:

答案 0 :(得分:1)

你错过了这个css文件.. font-awesome.css

图标样式在font-awesome.css中定义

答案 1 :(得分: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>
                             ^