關(guān)于div中標(biāo)簽的排列問題
在div中有一個(gè)lable標(biāo)簽、一個(gè)input標(biāo)簽、兩個(gè)span標(biāo)簽，但是它們的排列順序不是很清楚，首先如果刪去lable標(biāo)簽?zāi)敲磇con的span便會(huì)出現(xiàn)在input下方？另外提示信息的span一定是顯示在這個(gè)div的最下方？主要問題是input標(biāo)簽與icon這個(gè)span的排列順序是怎樣的？
flanklins
2017-04-23
1 回答
舉報(bào)
0/150
提交
取消
2017-04-24
bootstrap 標(biāo)準(zhǔn)是 form>div>lable input span span?
自己還把標(biāo)準(zhǔn)格式復(fù)制運(yùn)行，然后在瀏覽器開發(fā)都工具中看bootstap是怎么寫樣式的。如果不是前端工程師就不要糾結(jié)那么細(xì)。
<form role="form">
? <div class="form-group has-success has-feedback">
? ? <label class="control-label" for="inputSuccess1">成功狀態(tài)</label>
? ? <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態(tài)" >
? ? <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">警告狀態(tài)</label>
? ? <input type="text" class="form-control" id="inputWarning1" placeholder="警告狀態(tài)">
? ? <span class="help-block">請(qǐng)輸入正確信息</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">錯(cuò)誤狀態(tài)</label>
? ? <input type="text" class="form-control" id="inputError1" placeholder="錯(cuò)誤狀態(tài)">
? ? <span class="help-block">您輸入的信息有錯(cuò)誤的</span>
? ? <span class="glyphicon glyphicon-remove form-control-feedback"></span>?
? </div>
</form> ? ?