之前我们说了Bootstrap组件的使用今天我们来说说Bootstrap图标库的下载及使用
先来介绍介绍Bootstrap图标库
如图所示,Bootstrap图标库是一种拥有1600多个图标的免费、高质量的开源图标库。
那我们怎么去进行下载以及使用呢?
一、下载
我们滑到下面就可以看到
下载后进行解压文件后就成了下面这样
这样我们就可以在引用了
引用之前我们要知道那个是图标库
我们点开这个文件可以看到
这个font就是我们要找的图标库了我们引用它
二、使用
我们吧这个font包括到需要用的地方
之后再头部进行引用
这样我们基础部分就已经搞好了
然后我们进入Bootstrap图标库
找到一个自己需要用的点击进去
可以看到左下角有一个复制字体
我们点击它复制到剪贴板把它用在需要用的地方
这样就可以了 我们来看看效果图
可以看到我们的图标就进来了
这个图标这么大是以为我们调整了它的颜色与大小
这里官方是有解释的我们来看看
好啦 我们的Bootstrap前端框架就学到这里啦 下期再见
更多推荐
Bootstrap图标库的下载及使用
发布评论