18

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

这显然与 Twitter 再次在 Bootstrap 包中提供 Glyphicons 不谋而合。我正在使用 Bootstrap 3.0.0 RC1 或 RC2。

我的问题：我不知道如何在我自己的主机中使用这些图标......在我看来，代码包含在 bootstrap.css（？）中。我已经上传了“字体”目录，但只得到空白的空框图标，其中应该有适当的图标。

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

4

4 回答 4

10

该bootstrap-glyphicons.css文件似乎已与最终的\生产 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/

于 2013-09-09T11:52:06.697 回答
7

如果您已经放入字体目录，现在调用图标将是<span class="glyphicon glyphicon-pencil"></span>代替<i class="icon-large icon-pencil"></i>.

于 2013-08-19T09:28:22.140 回答
3

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

some-root-folder
├--my-css-folder
|  └--bootstrap.min.css
└--fonts
   └--glyphicons-halflings-regular.ttf
于 2014-07-05T14:18:02.913 回答
2

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

于 2013-10-22T18:25:15.720 回答