bootstrap的字体图标怎么引入?

bootstrap的字体图标怎么引入?,第1张

bootstrap引用图标的方法:

1、下载包并解压,在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹,把它复制到你的项目中。

2、将连接添加到‘卜升春style.css’,笑启html里添加一个图标,内容如下:<span class="glyphicon glyphicon-search" aria-hidden="true"></span>,<link rel="stylesheet" href="path/to/elegant-font/style.css">,可以在你HTML里添加图标,并且使用CSS来更改型耐它们的样式:<span aria-hidden="true" class="icon_pencil"></span>。

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。

bootstrap引用图标的方法:

1、下载包并解压

在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹,把它复制到你的项目中(注意,这里可以重命名哦)

2、将连接添加到拦局‘style.css’,html里简猜让添加一个图标,内容如下:

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

<link rel="stylesheet" href="兆槐path/to/elegant-font/style.css">

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

<span aria-hidden="true" class="icon_pencil"></span>

以下是导入的矢量图标:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12235647.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存