1

在引导程序的文档中，我阅读了有关图标并尝试将它们合并到我的文件中，如下所示

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Getting started with bootstrap</title>
<link href ="css/bootstrap.css" rel ="stylesheet" type="text/css">
<!-- HTML5 shim for IE backwards compatibility -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
<div class ="container-fluid">
    <header class= "row-fluid">
        <h1 class="span12" >This is my first Bootstrap page.</h1>
    </header>
   <i class="icon-calendar"></i>

</div>
<script src = "js/jquery-1.10.2.min.js"></script>
<script src = "js/bootstrap.min.js"</script>
</body>
</html>

但什么也没有发生。没有可见的日历图像。

4

3 回答 3

1

试试这个

<i class="icon icon-calendar"> </i>
于 2013-08-16T06:36:20.643 回答
1

好的，这就是答案。由于您使用的是 Bootstrap 3，因此您忘记了包含图标包。这是你应该如何做的：

<span class="glyphicon glyphicon-ok"></span>.
  1. 去这里： http: //glyphicons.getbootstrap.com/
  2. 点击从 Github 下载
  3. 解压文件夹并将 CSS 文件夹内容复制到您自己的 CSS 文件夹中。
  4. 将字体文件夹复制到与css 文件夹相同的目录中。
  5. 然后，一旦您添加了字体和 css，添加如上所示的代码。
于 2013-08-16T06:56:34.260 回答
0

bootstrap 3 的基础包中不再包含字形图标。从Bootstrap 3 RC2 参考，

随着 Bootstrap 3 的推出，图标已移至单独的存储库。这使主要项目尽可能精简，使人们更容易交换图标库，并使 Glyphicons 图标字体更容易被 Bootstrap 之外的更多人使用。

于 2013-08-16T06:42:20.217 回答