Bootstrap字体图标样式讲解

1、以案例来讲解Bootstrap字体图标的使用和修改样式，打开WebStorm开发工具，新建‘test.html’文件，并在同级目录，部署Bootstrap相关文件，结构如下图，注意fonts文件夹就是存放的就是字体

3、查看网页效果如下图

5、查看效果如下图

7、查看网页效果如下图，一个实用带字体图标的搜索输入框就做好了