我已经在bootstrap 2.3中使用了glyphicons,但现在我已升级到bootstrap 3.0.现在,我无法使用icon属性.
在bootstrap 2.3中,下面的标签正在工作
<i class="icon-search"></i>
Run Code Online (Sandbox Code Playgroud)
在bootstrap 3.0中,它不起作用.
我尝试了多种方法.Glyphicon不加载.我错过了什么或我在哪里弄错了?我现在很傻了
仍然没有出现图标.
我的浏览器控制台没有错误.只有Xhr请求返回状态为200.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>@ViewBag.Title</title>
<link href="~/AppContent/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/AppContent/css/Custom.css" rel="stylesheet" />
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>
<div class="container-fluid">
@*Header*@
<div>
<div class="row" style="background-color:blanchedalmond;">
<div class="col-md-4" style="border:2px solid black;">
<h4>APPLICATION</h4>
</div>
<div class="col-md offset-md-7" style="border:2px solid black;">
<span class="glyphicon glyphicon-arrow-right">|<a href="#">Login</a></span>
</div>
</div>
</div>
@*Left panel*@
<div>
</div>
@*Body*@
<div>
@RenderBody()
</div>
@*Right Panel*@
<div>
</div>
</div>
<script src="~/AppContent/js/jquery-3.2.1.min.js"></script>
<script src="~/AppContent/js/tether.min.js"></script>
<script …Run Code Online (Sandbox Code Playgroud)