有人有好用的bootstrap的鏈接嗎?
慕課網的鏈接放到本地上是有問題的,我自己下載了一個鏈接進來,其他都沒問題,就是這個驗證狀態的圖標顯示不出來,有人知道怎么回事嗎?,代碼如下,謝謝各位了
<!doctype html>
<html>
<head>
? ? <meta charset="UTF-8">
<title>表單控件狀態——驗證狀態</title>
<link rel="stylesheet" href="../css/bootstrap.css">
? ? <link rel="stylesheet" href="style.css">
</head>
<body>
<h1>示例1</h1>
<form role="form">
? ? <div class="form-group has-success">
? ? ? ? <label for="inputSuccess1">成功狀態</label>
? ? ? ? <input type="text" id="inputSuccess1" placeholder="成功狀態" >
? ? </div>
? ? <div class="form-group has-warning">
? ? ? ? <label for="inputWarning1">警告狀態</label>
? ? ? ? <input type="text" id="inputWarning1" placeholder="警告狀態">
? ? </div>
? ? <div class="form-group has-error">
? ? ? ? <label for="inputError1">錯誤狀態</label>
? ? ? ? <input type="text" id="inputError1" placeholder="錯誤狀態">
? ? </div>
</form> ?
<br>
<br>
<br>
<h1>示例2</h1> ??
<form role="form">
? ? <div class="form-group has-success has-feedback">
? ? ? ? <label for="inputSuccess1">成功狀態</label>
? ? ? ? <input type="text" id="inputSuccess1" placeholder="成功狀態" >
? ? ? ? <span class="glyphicon glyphicon-ok form-control-feedback"></span>
? ? </div>
? ? <div class="form-group has-warning has-feedback">
? ? ? ? <label for="inputWarning1">警告狀態</label>
? ? ? ? <input type="text" id="inputWarning1" placeholder="警告狀態">
? ? ? ? <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
? ? </div>
? ? <div class="form-group has-error has-feedback">
? ? ? ? <label for="inputError1">錯誤狀態</label>
? ? ? ? <input type="text" id="inputError1" placeholder="錯誤狀態">
? ? ? ? <span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
? ? </div>
? ? <div class="form-group has-error has-feedback">
? ? ? ? <label for="inputError1">email地址</label>
? ? ? ? <input type="text" id="inputError1" placeholder="email地址">
? ? ? ? <span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
? ? </div>
</form>
</body>
</html>
2018-10-01
<h3>示例3</h3>
<form role="form">
? ? <div class="form-group has-error has-feedback">
? ? ? ? <label class="control-label" for="inputemail">Email地址</label>
? ? ? ? <input type="text" class="form-control" id="inputemail" placeholder="Email地址">
? ? ? ? <span class="glyphicon glyphicon-remove form-control-feedback"></span>??
? ? </div>? ? ? ??
</form>
2018-05-27
bootstrap的圖標需要引用字體文件的。如果將bootstrap下載至本地,則需要同時下載fonts文件才能正常使用圖標。直接引用網上的鏈接http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css則可以直接使用!
2017-12-25
你的fonts文件夾沒有導進去吧,里面就是glyphicons-halfling-regular-*等文件