Glyphicon图标无法显示问题?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单</title> <link href="../css/3.1.1/bootstrap.css" rel="stylesheet" /> </head>
文件地址肯定没有错,但是浏览器中显示不出icon:
以下是用于实现的代码:
<form role="form"> <div class="form-group has-warning has-feedback"> <label class="control-label" for="inputWarning2">警告状态</label> <input type="text" class="form-control" id="inputWarning2" placeholder="警告状态"> <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span> </div> <div class="form-group has-error has-feedback"> <label class="control-label has-error has-feedback" for="inputError2">错误状态</label> <input type="text" class="form-control" id="inputError2" placeholder="错误状态"> <span class="glyphicon glyphicon-remove form-control-feedback"></span> </div> <div class="form-group has-success has-feedback"> <label class="control-label has-success has-feedback" for="inputSuccess2">成功状态</label> <input type="text" class="form-control" id="inputSuccess2" placeholder="成功状态"> <span class="glyphicon glyphicon-ok form-control-feedback"></span> </div> </form>
在学到了icon这一节时,又遇到了新的问题
<span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-arrow-right"></span> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon glyphicon-cloud"></span>
,只正常显示了号plus和云图标cloud,如下图
这要怎么解决?