Bootstrap 3标志符号图标不会显示在jsfiddle中

Question

有人能告诉我为什么字形不会出现在这个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());

如您所见，小提琴基于Knockout 3.0.0。 除此之外，我还包括jQuery 1.11.1，jQuery-UI 1.10.4，Bootstrap 3.1.1。 我究竟做错了什么？ 注意：在稍后的复杂示例中，我需要使用Bootstrap + Knockout，这就是它们被包含在内的原因。

Answer 1

您的图标类错了。类名可以在http://getbootstrap.com/components/

找到

您的HTML应该阅读

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

小提琴：http://jsfiddle.net/yB84b/4/

Answer 2

你有来自Bootstrap 2的类名，但你正在使用Bootstrap 3.将类更改为：

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

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