这个组件是在github上面搜索的时候找到的，初初看上去，确实是很不错的，并且是基于bootstrap风格的，所以更加适合使用bootstrap风格布局的项目。既然是github上面的，毋庸置疑，这是一个开源组件，。好了，说了这么多，一起来看看它到底长啥样子吧。
1、组件效果预览
第一次初始化
支持“上一页”和“下一页”
支持自定义图标的选择
支持模糊搜索图标，比如我们搜索camera
选择图标后对应的样式放入到文本框里面
2、组件代码示例 （1）普通用法 此组件基于bootstrap和jquery，需要引用的文件如下
<script src="~/Scripts/jquery-1.9.1.js">
<script src="~/Content/Bootstrap-icon-picker-master/Bootstrap-icon-picker-master/js/iconPicker.js">
在html页面上面放置一个普通的的input文本框
JS初始化
这样初始化之后就能看到如上图的效果了。有木有很简单~~
然后我们需要获取选中的值，和普通input文本框的使用方法没有任何区别 var bootstrap_icon = $("#txt_boostrap_icon").val();
（2）自定义图标
我们看到使用上面的方法初始化之后，图标的个数是固定的那么几十个。如果我们需要往里面加一些我们自己的icon图标怎么办呢？又或者，我们需要使用背景图片来作为图标，该怎么办？别急，办法总是会有的！我们先来简单看看它的js源码：
总共也就一百多行代码，要看懂也不难。我们重点来看看上面红线匡里面的变量icons，观察发现这个数组里面存放的就是我们所有图标的集合。再来看看生成的html源码。
由此我们猜想是否可以自定义样式也命名为glyphicon-这样的一些样式来自定义图标呢？有了这个想法，我们在css文件里面新加两个样式
然后在icons变量里面加test11、test12、test13、test14四个项之后
所以这个组件最大的好处就是扩展自己的图标方便，不管是用content写还是使用背景图片都可以无缝对接。杠杠的！
jquery fonticonpicker是博主是找jquery插件的时候无意中发现的，不发现不要紧，仔细研究后发现这组件真心不错，尤其是界面效果很棒。并且开源，文档全，功能丰富。
1、组件效果预览
初始化的时候有自定义了四种主题（博主更偏爱第一种bootstrap风格的）
鼠标上上面效果
选择某个图标后的效果
2、组件代码示例 （1）普通用法 这个组件不需要bootstrap的支持，但是需要jquery的支持，不过我们测试的需要还是将bootstrap.css给引用进来。
再来看看html准备
1）静态HTML
2）如果是动态设置图标，这里只需要放一个空的select即可
JS初始化
1）静态初始化（针对select里面已经写好了option的情况）
2）动态初始化（针对空的select标签）
});
});
其实也很简单，就那么几个可以设置的参数，代码里面已经写了相应的注释，这里就不做过多讲解。
同样，获取选中的值，可以直接使用jquery的val()即可。
（2）自定义图标 看了上面bootstrap icon的自定义图标，你是否也在想，这个组件也能支持自定义就好了。呵呵，博主也是这样想得。行不行呢？我们先来试一试。
1）使用背景图片的图标尝试，结果失败