bootstrap 怎么添加自己的图标

bootstrap 中包含的文件有

bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css ├── js/ │ ├── bootstrap.js │ ├── bootstrap.min.js └── img/ ├── glyphicons-halflings.png └── glyphicons-halflings-white.png

在你的web目录下面必须要有

└── img/ ├── glyphicons-halflings.png └── glyphicons-halflings-white.png

才能使用bootstrap 中的图标

使用的时候

<i class="icon-glass"></i>

这样就可以。详细的icon列表你可以去bootstrap的官网上面看。

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>

以下是导入的矢量图标：

---