Glyphicons显示为正方形（bootstrap 3.2.0）

时间：2015-10-16 09:24:30

标签： css twitter-bootstrap less glyphicons

我正在尝试使用以下内容加载搜索glyphicon：

＆＃13;
＆＃13; 
<div tabindex="6" class="glyphicon glyphicon-search">...<.div>
＆＃13;
＆＃13;
＆＃13;

但是，glyphicon加载如下：

enter image description here

解决方案是什么？

＆＃13;
＆＃13; 
background-color:none transparent}@font-face{font-family:'Glyphicons Halflings';src:url(/css/fonts/glyphicons-halflings-regular.eot);src:url(/css/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/css/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/css/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular)
＆＃13;
＆＃13;
＆＃13;

3 个答案:

答案 0 :(得分：1)

以下是Bootstrap3.2.0

下载的Bootstrap site

解压缩并运行以下代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="bootstrap3.2.0/css/bootstrap.min.css">
</head>
<body>
    <div tabindex="6">
        <span class="glyphicon glyphicon-search"></span>
    <div>
</body>
</html>

像BS3.5一样工作

答案 1 :(得分：0)

检查此代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
</head>
<body>
    <div tabindex="6">
        <span class="glyphicon glyphicon-search"></span>
    <div>
</body>
</html>

答案 2 :(得分：0)

对于遇到此问题的人来说，虽然答案很晚：

在标签中使用Bootstrap的CDN为我解决了这个问题。

相关问题
最新问题