将glyphicon分配给bootstrap 2.3.2中的类

Question

在bootstrap 2.3.2中，如何为类分配glyphicon，因此当我使用该类时，glyphicon将出现在使用它的位置。

示例：

.heart {
  assign icon-heart here
}

用法：

<span class="heart"></span>

输出

精灵中的心脏图标出现在这里。

这样的事情可能吗？

稍后我打算使用jquery将.heart更改为.no-heart，然后我会在那里获得另一个图标。这就是整个想法。

Answer 1

twitter bootstrap icon-heart的css如下：

.icon-heart {
    background-position: -96px 0;
}
[class^=icon-], [class*=' icon-'] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}