CODEWITHSUNDEEP
jqueryjquery-uitwitter-bootstrap-3
Csaba Toth
Csaba Toth

Reputation: 10709

Bootstrap 3 glyph icons don't show up in jsfiddle

Can anyone tell my why glyphs don't show up in this jsfiddle? http://jsfiddle.net/csabatoth/yB84b/2/

HTML:

<a id="blabla" href="#"><i class="icon-pencil"></i></a>

JavaScript:

// Overall viewmodel for this screen, along with initial state
function ViewModel() {
    var self = this;
}

ko.applyBindings(new ViewModel());

As you see the fiddle is based on Knockout 3.0.0. Besides that I include jQuery 1.11.1, jQuery-UI 1.10.4, Bootstrap 3.1.1. What am I doing wrong? Note: in a complex example later I need to use Bootstrap+Knockout, that's why they are included.

Upvotes: 0

Views: 607

Answers (2)

user20232359723568423357842364
user20232359723568423357842364

Reputation: 4634

Your icon classes are wrong. The classnames can be found at http://getbootstrap.com/components/

Your HTML should read

<a id="blabla" href="#"><i class="glyphicon glyphicon-pencil"></i></a>

Fiddle: http://jsfiddle.net/yB84b/4/

Upvotes: 3

Jason
Jason

Reputation: 78

You have the class name from Bootstrap 2, but you're using Bootstrap 3. Change the class to:

<a id="blabla" href="#"><i class="glyphicon glyphicon-pencil"></i></a>

http://jsfiddle.net/yB84b/5/

Upvotes: 3

Related Questions