bootstrap图标 怎么用

Posted 2023-03-22

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>

以下是导入的矢量图标：

参考技术A

bootstrap的字体图标使用很简单，只要给包裹图标的标签加上图标所对应的class即可。

如搜索图标，其class为glyphicon glyphicon-search：

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

效果：

本回答被提问者采纳