CODEWITHSUNDEEP
twitter-bootstrapiconsfont-awesome
arximughal
arximughal

Reputation: 270

Fontawesome Icons are not showing with bootstrap classes

I am trying to use Fontawesome icons with boostrap. I wan to show some of the icons at the end of jumbotron. But they are not showing up.

Here's the code I am using:

<div class="jumbotron">
        <h1>Muhammad Arslan Aslam</h1>
        <h4>Front-End Web Designer, and Junior Blogger. <a class="btn btn-info btn-xs" herf="about.html">Know More</a></h4>
        Join Me:
        <a href="http://facebook.com"><i class="fa fa-facebook-square-2x">&nbsp;</i></a>
    </div>

I have intergrated fontawesome using CDN.

Upvotes: 0

Views: 998

Answers (1)

Adib
Adib

Reputation: 1334

Here is a demo: http://jsfiddle.net/0qftoLp7/1/

Instead of facebook-square-2x, it's facebook-square fa-2x

HTML

<div class="jumbotron">
        <h1>Muhammad Arslan Aslam</h1>
        <h4>Front-End Web Designer, and Junior Blogger. <a class="btn btn-info btn-xs" herf="about.html">Know More</a></h4>
        Join Me:
        <a href="http://facebook.com"><i class="fa fa-facebook-square fa-2x"></i></a>
    </div>

Upvotes: 1

Related Questions