關于div中標簽的排列問題
在div中有一個lable標簽、一個input標簽、兩個span標簽，但是它們的排列順序不是很清楚，首先如果刪去lable標簽那么icon的span便會出現在input下方？另外提示信息的span一定是顯示在這個div的最下方？主要問題是input標簽與icon這個span的排列順序是怎樣的？
flanklins
2017-04-23
1 回答
舉報
0/150
提交
取消
2017-04-24
bootstrap 標準是 form>div>lable input span span?
自己還把標準格式復制運行，然后在瀏覽器開發都工具中看bootstap是怎么寫樣式的。如果不是前端工程師就不要糾結那么細。
<form role="form">
? <div class="form-group has-success has-feedback">
? ? <label class="control-label" for="inputSuccess1">成功狀態</label>
? ? <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態" >
? ? <span class="help-block">你輸入的信息是正確的</span>
? ? <span class="glyphicon glyphicon-ok form-control-feedback"></span>
? </div>
? <div class="form-group has-warning has-feedback">
? ? <label class="control-label" for="inputWarning1">警告狀態</label>
? ? <input type="text" class="form-control" id="inputWarning1" placeholder="警告狀態">
? ? <span class="help-block">請輸入正確信息</span>
? ? <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
? </div>
? <div class="form-group has-error has-feedback">
? ? <label class="control-label" for="inputError1">錯誤狀態</label>
? ? <input type="text" class="form-control" id="inputError1" placeholder="錯誤狀態">
? ? <span class="help-block">您輸入的信息有錯誤的</span>
? ? <span class="glyphicon glyphicon-remove form-control-feedback"></span>?
? </div>
</form> ? ?