Bootstrap图标库的下载及使用

4 篇文章 0 订阅

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

先来介绍介绍Bootstrap图标库

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

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

一、下载

我们滑到下面就可以看到

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

这样我们就可以在引用了

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

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

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

二、使用

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

 之后再头部进行引用

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

然后我们进入Bootstrap图标库 

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

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

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

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

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

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

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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值