課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
如果想讓提示信息和icon圖標都出現該怎么實現
2017-02-06
源自:玩轉Bootstrap(基礎) 3-14
正在回答
<!doctype html><html><head>??? <meta charset="UTF-8">??? <title>表單提示信息</title>??? <link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">??? <style type="text/css">??????? .col-xs-6{padding-right: 0px;}??? </style></head><body><h3>示例1</h3><form role="form">? <div class="form-group has-error has-feedback">??? <label for="inputError1">錯誤狀態</label>??? <div class="row">??????? <div class="col-xs-6">??????????? <input type="text" id="inputError1" placeholder="錯誤狀態" class="form-control">??????????? <span class="glyphicon glyphicon-remove form-control-feedback"></span> ???????? </div>??????? <span class="col-xs-6 help-block">你輸入的信息是錯誤的</span>??? </div>? </div></form>?? ?<br></body></html>
一飛同學 提問者
qq_Say_3
sorry? 沒保存好,把補得幾個class漏了
<!doctype html><html><head>??? <meta charset="UTF-8">?? ?<title>表單提示信息</title>?? ?<link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">?? ?<style type="text/css">?? ??? ?.col-xs-6{padding-right: 0px;}?? ?</style></head><body><h3>示例1</h3><form role="form">? <div class="form-group has-error has-feedback">??? <label for="inputError1">錯誤狀態</label>??? <div>?? ???? <div>?? ??? ??? ?<input type="text" id="inputError1" placeholder="錯誤狀態">?? ??? ??? ?<span class="glyphicon glyphicon-remove form-control-feedback"></span> ??? ???? </div>?? ???? <span class="col-xs-6 help-block">你輸入的信息是錯誤的</span>??? </div>?? ?? </div></form>?? ?<br></body></html>
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
4 回答圖標部分無法正常顯示
2 回答部分圖標沒辦法正常顯示
1 回答icon-bar從何而來,是前面學習圖標時說的260多個圖標中的一個嗎?
4 回答圖標不能顯示啊
1 回答字體圖標不顯示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-07
<!doctype html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>表單提示信息</title>
??? <link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
??? <style type="text/css">
??????? .col-xs-6{padding-right: 0px;}
??? </style>
</head>
<body>
<h3>示例1</h3>
<form role="form">
? <div class="form-group has-error has-feedback">
??? <label for="inputError1">錯誤狀態</label>
??? <div class="row">
??????? <div class="col-xs-6">
??????????? <input type="text" id="inputError1" placeholder="錯誤狀態" class="form-control">
??????????? <span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
??????? </div>
??????? <span class="col-xs-6 help-block">你輸入的信息是錯誤的</span>
??? </div>
? </div>
</form>?? ?
<br>
</body>
</html>
2017-02-07
sorry? 沒保存好,把補得幾個class漏了
2017-02-06
<!doctype html>
<html>
<head>
??? <meta charset="UTF-8">
?? ?<title>表單提示信息</title>
?? ?<link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
?? ?<style type="text/css">
?? ??? ?.col-xs-6{padding-right: 0px;}
?? ?</style>
</head>
<body>
<h3>示例1</h3>
<form role="form">
? <div class="form-group has-error has-feedback">
??? <label for="inputError1">錯誤狀態</label>
??? <div>
?? ???? <div>
?? ??? ??? ?<input type="text" id="inputError1" placeholder="錯誤狀態">
?? ??? ??? ?<span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
?? ???? </div>
?? ???? <span class="col-xs-6 help-block">你輸入的信息是錯誤的</span>
??? </div>
?? ?
? </div>
</form>?? ?
<br>
</body>
</html>