2016-05-16 17 views

回答

24

控件標籤類對驗證狀態非常有用,這就是爲什麼我們需要它在所有標籤中,即使字段bootstrap的文檔沒有提及。

我們可以看到它在引導源代碼,當它被定義了,成功,有警告等類:https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242

正如你所看到的,它使用的控制標籤類不是標籤元素。如果我們刪除控制標籤,我們會產生不希望將標籤着色爲綠色的效果。

垂直形式而不控制標籤類和形式的基團具有-成功:

<div class="form-group has-success"> 
 
    <label for="exampleInputEmail1">Email address</label> 
 
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
 
    </div>

enter image description here

使用控制標籤類:

<label for="exampleInputEmail1" class='control-label'>Email address</label>

enter image description here

這就是爲什麼我認爲這是更好地保持它!除非沒有顏色是所需的效果。

+0

謝謝你的回答。我還注意到,.control-label類也適用於[.form-horizo​​ntal]的情況(https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3423 )(對於大於768px的瀏覽器),以[.form-inline](https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3373)和[.navbar -form](https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L4948),修改邊距/填充和/或定位 – ira

+0

是的,我還添加了控制標籤以每個