Bootstrap Form-grubu içinde 3 giriş genişliği ve yazı tipi boyutu

Question

Merhaba Bootstrap 3 kullanıyorum ve kullanıcı girdilerimi boyutlandırma sorunuyla karşılaştığımda, bu question shadowf yanıtından yardım aldım.

Şimdi başka bir soruna girdim. Düzeltme girişleri boyutlandırır, ancak sınıf ve bu düzeyde uygulandığında form grubu içindeki etiket ve kontrol için de geçerlidir.

Etiket ve giriş kutusu için farklı boyutlandırma uygulamaları kullanmam gerekiyor. Boyutlandırma sınıfını etikete veya giriş seviyesine uygularsam, form hizalaması bir toss için gider.

Yatay veya satır içi bir form kullanmak istemiyorum. Metin-etiket ve giriş kutusuna arasındaki çizgileri bölmek gerekiyor gibi

<div class="form-group col-xs-6"> 
<label for="exampleInputEmail1">Really long label which I want to have separate sizing</label> 
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
</div> 

modifiye keman here

Answer 1

görünüyor. Sonra giriş yalnızca sistemde 6 blok kullanırken metin bütün 12 ızgara sistemi takip yapabilirsiniz:

<div class="form-group"> 
    <div class="row"> 
    <div class="col-xs-12"> 
     <label for="exampleInputEmail1">Really long label which I want to have separate sizing</label> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-xs-6"> 
     <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
    </div> 
    </div> 
</div> 

JSFiddle. Parola alanına hiç bir şey yapmadım, ama konuya dikkat etmelisin. İyi şanslar!