无法从Bootstrap 2.3.2显示任何字形

时间:2015-08-13 11:10:53

标签: html twitter-bootstrap

基于此代码,我无法在Bootstrap 2.3.2中检索任何字形。

我错过了什么?

谢谢!

enter image description here

<!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>

1 个答案:

答案 0 :(得分:2)

bootstrap 2.3.2使用png精灵来调用它的图标。

如果您查看bootstraps css文件,您会看到它正在寻找此图片:

url("../img/glyphicons-halflings.png")

而您的图片与您的css处于同一级别。

将png的位置更改为此位置(将其放在&#39; img&#39;文件夹中),或更改css文件本身。

麦克