基于此代码,我无法在Bootstrap 2.3.2中检索任何字形。
我错过了什么?
谢谢!
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" />
<link href="bootstrap.icon-large.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<a class="btn btn-small" href="#">
<i class="icon-large icon-chat"></i>
</a>
<a class="btn btn-small" href="#">
<i class="icon-large icon-phone"></i>
</a>
<img src="glyphicons.png">
</body>
</html>
答案 0 :(得分:2)
bootstrap 2.3.2使用png精灵来调用它的图标。
如果您查看bootstraps css文件,您会看到它正在寻找此图片:
url("../img/glyphicons-halflings.png")
而您的图片与您的css处于同一级别。
将png的位置更改为此位置(将其放在&#39; img&#39;文件夹中),或更改css文件本身。
麦克