Lớp điều khiển của bootstrap làm gì?

Question

Định dạng CSS nào được áp dụng cho phần tử html <label> bởi lớp .control-label bs3. (Tôi cũng phải đối mặt với những khó khăn định vị DevTools rằng lớp sử dụng chrome của)

Hơn nữa, trong BS3 chính thức documentation, .control-label dường như chỉ được sử dụng trong trường hợp .form-horizontal. Điều đó có đúng không và tại sao?

Answer 1

Lớp điều khiển-nhãn hữu ích cho các trạng thái xác nhận, đó là lý do tại sao chúng ta cần nó trong tất cả các nhãn thậm chí các tài liệu của bootstrap không đề cập đến.

Chúng ta có thể nhìn thấy nó trong mã nguồn bootstrap khi nó được xác định có-thành công, có cảnh báo, vv lớp: https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242

Như bạn thấy, nó sử dụng các lớp điều khiển nhãn không phải là yếu tố nhãn . Nếu chúng ta loại bỏ nhãn điều khiển, chúng ta sẽ có một hiệu ứng không mong muốn không tô màu nhãn màu xanh lá cây.

dạng dọc mà không cần lớp điều khiển nhãn và có-thành công vào mẫu nhóm:

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

Sử dụng kiểm soát nhãn lớp:

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

Đó là lý do tại sao tôi nghĩ rằng nó là tốt hơn để giữ cho nó! Trừ khi không có màu là hiệu ứng mong muốn.