Question

我在Bootstrap中使用Glyphicons。我直接从http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css打电话给CSS，但现在已经消失了，不推荐。

这显然恰好与推特再次在Bootstrap包中提供Glyphicons相吻合。我正在使用Bootstrap 3.0.0 RC1或RC2。

我的问题：我不知道如何在我自己的托管中使用图标... 在我看来代码包含在bootstrap.css（？）中。我上传了“fonts”目录，但我只得到空白的空盒子图标，里面应该有合适的图标。

有什么想法吗？应该在哪里以及如何调用它？

Answer 1

bootstrap-glyphicons.css文件似乎已被最终的\ production Bootstrap 3.0.0删除。只需从http://getbootstrap.com/下载zip，然后将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>

来源：http://getbootstrap.com/getting-started/

Answer 2

如果您已经放入fonts目录，现在调用图标将是<span class="glyphicon glyphicon-pencil"></span>而不是<i class="icon-large icon-pencil"></i>。

Answer 3

只需确保您的字体文件夹相对于.css文件正确放置：../fonts

some-root-folder
├--my-css-folder
|  └--bootstrap.min.css
└--fonts
   └--glyphicons-halflings-regular.ttf

Answer 4

我关注了这篇文章http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application。我不知道最好的方法，但是Works。

如何在3.0.0中使用Bootstrap Glyphicons？

4 个答案: