Twitter bootstrap 引导程序如何加载字体和一些图标？

我正在使用引导并选择2。 我尝试的是在选择框中将文本更改为图像

例如，如果select2的选定值为“N”， 我想将

data init text

更改为以下html

我不会更改输入的值，只更改文本

但是，当我尝试使用以下代码时，它不起作用

var iconicObj = {};
iconicObj.N = 'fa fa-thumbs-o-down';
iconicObj.Y = 'fa fa-thumbs-o-up';

function iconifyCode(id, iconicObj){
    var mother = $('#s2id_2-' + id);
    var target = $(':input[name="' +  id + '"]');
    var value = target.val();
    var icon = iconicObj[value];
//      target.attr('data-init-text', '<i class="' + icon + '"></i>');
    mother.find('.select2-chosen').eq(0).text('').append('<i class="' + icon + '"></i>');
}

：：在

之前和

：：在

之后做什么？ 如果我知道引导如何将

I

标记转化为图像，我想我可能会变异

---

谢谢。

阅读有关

：：before

和

：：after

：或的内容。谈到font awesome，您可以打开并了解它如何使用

：before

显示值。简而言之，Font Awesome只是一种特殊字体和一组CSS类，它们使用

：before

@YeldarKurmangaliyev插入该字体中的字符。感谢您的总结。现在我知道原因了。我还使用了

smartadmin

插件，它包含了另一个css，特别是带有

select

的类名。现在我在s之前有2个

，外部的
content
属性为空。谢谢
<span class="select2-chosen" id="select2-chosen-4">
    <i class="fa fa-thumbs-o-down">
        ::before
        ::after
    </i>
</span>