0

使用 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>
4

2 回答 2

1

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

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

于 2013-03-14T10:42:22.863 回答
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>
                             ^
于 2013-03-14T10:55:18.360 回答