我正在使用bootsrap插件版本 - bootstrap-3.2.0
我试图显示图标。它在Chrome浏览器中运行良好但在Firefox浏览器中效果不佳。 我在下面使用了以下代码:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<script src="dist/js/bootstrap.min.js"></script>
<link href="dist/css/bootstrap-glyphicons.css" rel="stylesheet">
<title></title>
<meta content="">
<style></style>
</head>
<body>
<!-- Glyphicon in a H1 tag -->
<h1>Hello, <span class="glyphicon glyphicon-globe"></span>
<span class="glyphicon glyphicon-asterisk"></span>
<span class="glyphicon glyphicon-home"></span>
<span class="glyphicon glyphicon-globe"></span>
<span class="glyphicon glyphicon-globe"></span>
<span class="glyphicon glyphicon-th-list"></span>
!</h1>
</body>
</html>
我附上了两个浏览器的屏幕截图。 1.Chrome浏览器屏幕拍摄它看起来不错。