16
什麼CSS格式應用於<label>
html元素.control-label
bs3類。 (我還面臨着定位,使用類Chrome的devtools困難)bootstrap的控件標籤類有什麼作用?
此外,在官方BS3 documentation,.control-label
似乎只有在.form-horizontal
情況下使用。這是真的嗎?爲什麼?
什麼CSS格式應用於<label>
html元素.control-label
bs3類。 (我還面臨着定位,使用類Chrome的devtools困難)bootstrap的控件標籤類有什麼作用?
此外,在官方BS3 documentation,.control-label
似乎只有在.form-horizontal
情況下使用。這是真的嗎?爲什麼?
控件標籤類對驗證狀態非常有用,這就是爲什麼我們需要它在所有標籤中,即使字段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>
使用控制標籤類:
<label for="exampleInputEmail1" class='control-label'>Email address</label>
這就是爲什麼我認爲這是更好地保持它!除非沒有顏色是所需的效果。
謝謝你的回答。我還注意到,.control-label類也適用於[.form-horizontal]的情況(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
是的,我還添加了控制標籤以每個