CODEWITHSUNDEEP
javascripthtmlcsstwitter-bootstrapfont-awesome
user2798183
user2798183

Reputation: 3

Why fontawesome icon does not show up? at Chrome and Safari?

Why fontawesome icon does not show up? at Chrome and Safari?

Bootstrap and Fontawesome on Chrome and Safari. They do not show anything. Here is my code. Feel stupid struggling with this super easy task...

<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">

It should work but why it is not showing anything? Can anyone help me?

  <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>

Upvotes: 0

Views: 4837

Answers (2)

Nick Schmidt
Nick Schmidt

Reputation: 1527

Try including it this way. If you are working local and not on a browser trys to fetch the files from your hard drive.

<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">

It's important not to forget the http: when working local.

Upvotes: 0

easwee
easwee

Reputation: 15905

Work's ok for me - see sample below:

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

Why are you loading the 

bootstrap-combined.no-icons.min.css

file?

You only need

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

to make it work.

Upvotes: 1

Related Questions