如何调用bootstrap的图标 如何利用Bootstrap样式生成可搜索下拉框

如何调用bootstrap的图标

bootstrap引用图标的方法：
1、下载包并解压
在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹，把它复制到你的项目中（注意，这里可以重命名哦）
2、将连接添加到‘style.css’，html里添加一个图标，内容如下：


可以在你HTML里添加图标，并且使用CSS来更改它们的样式：

如何利用Bootstrap样式生成可搜索下拉框

相应目录里（css和js文件夹），创建静态页面index.html，如下图所示：

第二步，在index.html页面中引入select2相关的css和js文件，并将jquery核心js引入，如下图所示：

第三步，在body标签内部插入一个div标签，然后在div标签内插入一个select标签并添加多个option，如下图所示：

第四步，在script标签内初始化调用select2()方法，直接利用select下拉框的id进行初始化，如下图所示：

第五步，直接选择浏览器进行预览，可以选择下拉框中的选项，如下图所示：

第六步，修改下拉框样式，输入选项中每个字符，可以搜索出包含这个字符的所有选项，如下图所示：