ブートストラップ3入力幅とフォームサイズグループ内のlableサイジング

Question

こんにちは私はブートストラップ3を使用しています。私はユーザ入力のサイズを調整する問題に直面していましたが、このquestion shadowfの回答が助けてくれました。

もう1つ問題があります。修正は、入力のサイズを変更しますが、クラスがそのレベルで適用されるときに、フォームグループ内のラベルとコントロールに同じものを適用します。

ラベルと入力ボックスに異なるサイジングを適用する必要があります。ラベルまたは入力レベルでサイジングクラスを適用すると、フォームの配置はトスのために行われます。

私は水平またはインライン形式を使用したくありません。あなたは、テキスト・ラベルおよび入力ボックスの間に線を分割する必要があるよう

<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> 

修正フィドルhere

Answer 1

は思えます。

<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：次に、あなたの入力だけで、システム内の6個のブロックを使用しながら、テキストが全体の12グリッドシステムを追従させることができます。私はパスワードフィールドに何もしていないが、あなたはそのポイントを得る。がんばろう！