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>

以下是导入的矢量图标：

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 开发更加快捷。

html页面中的bootstrap 图标不正常显示的解决方法：

1、其fonts文件夹被放置在了项目的根目录下，可以正常显示，即可。

2、修改后，再刷新遇到问题的页面，其值自动变为false：在ff的地址栏中输入“about:config”，即进入配置界面。

3、进入配置界面后，搜索“security.fileuri.strict_origin_policy”，这是该值应该是true。双击该项，即可看到正常显示的图标了。

出现html页面中的bootstrap 图标不正常显示这种情况销衡蚂的原因：

是ff的一个安全策略导致的，该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。这种限制只在本拦春地开发环境下，亏埋同时web fonts并未从远程获取时出现。