0

为什么 fontawesome 图标不显示?在 Chrome 和 Safari 上?

Chrome 和 Safari 上的 Bootstrap 和 Fontawesome。他们没有显示任何东西。这是我的代码。在这个超级简单的任务中挣扎感到愚蠢......

<link href="bootstrap.css" rel="stylesheet">
<link href="jumbotron-narrow.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

它应该可以工作,但为什么它没有显示任何内容?谁能帮我?

  <div class="jumbotron">
    <p><a class="btn btn-lg btn-success" href="http://github.com/" target="blank">GitHub</a>
    <i class="icon-github-alt"></i>
    </p>
  </div>
4

2 回答 2

1

工作对我来说没问题 - 请参阅下面的示例:

http://jsfiddle.net/easwee/tmWVz/

你为什么要加载

bootstrap-combined.no-icons.min.css

文件?

你只需要

bootstrap.min.css
font-awesome.min.css

让它工作。

于 2013-09-20T07:36:30.413 回答
0

尝试以这种方式包含它。如果您在本地而不是在浏览器上工作,请尝试从硬盘驱动器中获取文件。

<link href="bootstrap.css" rel="stylesheet">
<link href="jumbotron-narrow.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

在本地工作时不要忘记http:很重要。

于 2013-09-20T08:37:31.773 回答