Bootstrap'in denetim etiket sınıfı ne yapar? <code>.control-label</code> BS3 sınıfı tarafından <code><label></code> html elemanına uygulanan Ne CSS biçimlendirme

Question

.

Ayrıca, resmi BS3 documentation yılında, .control-label sadece .form-horizontal durumunda kullanılacak gibi görünüyor (Ben de o sınıf kullanarak Chrome'un DevTools'un yerinin zorluklarla karşı karşıya). Bu doğru mu ve neden?

Answer 1

kontrol etiketli sınıf biz en hatta alanları önyükleme dokümantasyon söz etmez tüm etiketlerde gerek, o yüzden doğrulama devletler için yararlıdır.

Biz önyükleme kaynak kodunda sahip olduğu-başarısını tanımlayan edilir sahiptir-uyarı, vb sınıfları görebilirsiniz: Gördüğünüz gibi https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242

, bu kontrol etiketli sınıf değil etiket öğesini kullanan . Kontrol etiketini çıkarırsak, etiketi yeşil renkte boyamama konusunda istenmeyen bir etkimiz olur.

kontrol etiketli sınıfının olmadan

Dikey formu ve form grubuna sahiptir-başarısı:

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

kullanma kontrolü etiketli sınıfının:

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

Ben onu tutmak için daha iyi olduğunu düşünüyorum yüzden

! İstenen etki renk olmadığı sürece.