Css 引导中的标签和徽章

通过使用引导，我想显示绿色和红色标签，其上下文类似于v或x

v应为绿色，x应为红色

我写了下面的代码，但我想有一个更好的效果

<span class="badge badge-success">V</span>
<span class="badge badge-important">X</span>

V
X

我该如何使用引导程序来获得它

下面是一个使用引导标签和徽章的示例

如果您将font awesome（）与Twitter引导（它的设计初衷）结合使用，您将能够执行以下操作：

<i class="icon-ok-sign" style="color: green; font-size: 18pt;"></i>
<i class="icon-remove-sign" style="color: red; font-size: 18pt;"></i>
<br/><br/>

<i class="icon-ok-circle" style="color: green; font-size: 18pt;"></i>
<i class="icon-remove-circle" style="color: red; font-size: 18pt;"></i>
<br/><br/>

<i class="icon-ok" style="color: green; font-size: 14pt;"></i>
<i class="icon-remove" style="color: red; font-size: 14pt;"></i>

这将输出以下内容：

或者您可以使用其他地方定义的CSS类来适当地设置它们的样式

Font awesome基于SVG图像，可缩放到任意大小（在合理范围内并可使用）。

---

现在，您还可以将所需的图标子集，而不是默认情况下使用所有图标。

在这种情况下，徽章和标签不是合适的元素，因为它们既不是计数器（徽章），也不是消息标签。另外，请访问fontello.com，它允许您手工选择一组最小的字体图标，并将它们下载到一个最小的字体文件中，以及相应的CSS样式表。icnfnt似乎是一个死链接。