這樣 6+6把一行分了 這個(gè)icon圖標(biāo)怎么顯示
如果想讓提示信息和icon圖標(biāo)都出現(xiàn)該怎么實(shí)現(xiàn)
一飛同學(xué)
2017-02-06
3 回答
舉報(bào)
0/150
提交
取消
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">錯(cuò)誤狀態(tài)</label>
??? <div class="row">
??????? <div class="col-xs-6">
??????????? <input type="text" id="inputError1" placeholder="錯(cuò)誤狀態(tài)" class="form-control">
??????????? <span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
??????? </div>
??????? <span class="col-xs-6 help-block">你輸入的信息是錯(cuò)誤的</span>
??? </div>
? </div>
</form>?? ?
<br>
</body>
</html>
2017-02-07
sorry? 沒保存好,把補(bǔ)得幾個(gè)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">錯(cuò)誤狀態(tài)</label>
??? <div>
?? ???? <div>
?? ??? ??? ?<input type="text" id="inputError1" placeholder="錯(cuò)誤狀態(tài)">
?? ??? ??? ?<span class="glyphicon glyphicon-remove form-control-feedback"></span> ?
?? ???? </div>
?? ???? <span class="col-xs-6 help-block">你輸入的信息是錯(cuò)誤的</span>
??? </div>
?? ?
? </div>
</form>?? ?
<br>
</body>
</html>