之前我们说了Bootstrap组件的使用今天我们来说说Bootstrap图标库的下载及使用

先来介绍介绍Bootstrap图标库

 如图所示,Bootstrap图标库是一种拥有1600多个图标的免费、高质量的开源图标库

那我们怎么去进行下载以及使用呢?

一、下载

我们滑到下面就可以看到

下载后进行解压文件后就成了下面这样

这样我们就可以在引用了

引用之前我们要知道那个是图标库

我们点开这个文件可以看到

这个font就是我们要找的图标库了我们引用它

二、使用

我们吧这个font包括到需要用的地方

 之后再头部进行引用

这样我们基础部分就已经搞好了

然后我们进入Bootstrap图标库 

找到一个自己需要用的点击进去

 可以看到左下角有一个复制字体

我们点击它复制到剪贴板把它用在需要用的地方

这样就可以了 我们来看看效果图

 可以看到我们的图标就进来了

这个图标这么大是以为我们调整了它的颜色与大小

这里官方是有解释的我们来看看

好啦 我们的Bootstrap前端框架就学到这里啦 下期再见 

 

更多推荐

Bootstrap图标库的下载及使用