css - 为引导程序 2.3.2 中的类分配一个字形图标

Question

在bootstrap 2.3.2中，如何将 a 分配glyphicon给一个类，所以当我使用该类时，字形图标将出现在使用它的位置。

例子：

.heart {
  assign icon-heart here
}

用法：

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

输出

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

这样的事情可能吗？

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

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