亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

有人有好用的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>


正在回答

3 回答

<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>


0 回復 有任何疑惑可以回復我~

bootstrap的圖標需要引用字體文件的。如果將bootstrap下載至本地,則需要同時下載fonts文件才能正常使用圖標。直接引用網上的鏈接http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css則可以直接使用!

0 回復 有任何疑惑可以回復我~

你的fonts文件夾沒有導進去吧,里面就是glyphicons-halfling-regular-*等文件

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

有人有好用的bootstrap的鏈接嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號