如何在3.0.0中使用Bootstrap Glyphicons？
如何在3.0.0中使用Bootstrap Glyphicons？
提问于 2013-08-19 17:08:02
我在Bootstrap中使用Glyphicons。我是直接从http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css调用CSS的，但现在它已经消失了，不推荐这样做。
这显然与Twitter再次在Bootstrap包中提供Glyphicons不谋而合。我使用的是Bootstrap 3.0.0 RC1或RC2。
我的问题:我不知道如何在我自己的主机中使用图标……在我看来，代码包含在bootstrap.css (?)中。我已经上传了“字体”目录，但只得到空白，空框图标，那里应该有适当的图标。
有什么想法吗？什么应该在哪里，应该如何调用它？
回答 4
Stack Overflow用户
发布于 2013-09-09 19:52:07
bootstrap-glyphicons.css文件似乎已从最终的\production Bootstrap 3.0.0版本中删除。只需从http://getbootstrap.com/下载压缩包，然后将dist/css/bootstrap.min.css文件复制到您的css文件夹中。然后，您应该将其包含在HTML页面中：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Glyphicons</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS file -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Glyphicon in a H1 tag -->
<h1>Hello, <span class="glyphicon glyphicon-globe"></span> !</h1>
</body>
</html>Stack Overflow用户
发布于 2013-08-19 17:28:22
如果你已经放入字体目录，现在调用图标将是<span class="glyphicon glyphicon-pencil"></span>而不是<i class="icon-large icon-pencil"></i>。
Stack Overflow用户
发布于 2014-07-05 22:18:03
只需确保您的fonts文件夹相对于.css文件的位置正确：../fonts
some-root-folder
├--my-css-folder
| └--bootstrap.min.css
└--fonts
└--glyphicons-halflings-regular.ttf页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18310104
复制相关文章
相似问题
腾讯云开发者
