为什么完整的glyphicons设置不能与Bootstrap 3一起使用?

时间:2013-09-21 13:56:46

标签: twitter-bootstrap twitter-bootstrap-3 glyphicons

我在Bootstrap 3项目中需要Skype glyphicon。

我在github上找到了这个不错的回购: https://github.com/ericzhang-cn/full-glyphicons

我在文件夹中复制了两个图片img,导入了CSS文件glyphicons.css并尝试使用github中解释的图标:

<i class="icon-g-skype"></i> Address roma

但是没有用。 有没有其他人有这个问题? 谢谢!

2 个答案:

答案 0 :(得分:5)

在Twitter Bootstrap 3中,图标类被替换为glyphicon

所以你可以像<span class="glyphicon glyphicon-align-justify"></span>一样使用。

要获得更好的图标,请检查http://fortawesome.github.io/Font-Awesome/

答案 1 :(得分:1)

您可以在HEAD中包含Font-Awesome:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

(如果过时,请检查Font-Awesome以获取最新的网址。)

然后你想要Skype图标:

<span class="fa fa-skype"></span>