"form-group-row"クラスを "form-horizo​​ntal"に挿入します

Question

コードはhttp://www.bootply.com/h0E7YjPU4nです。

1. 同じ高さの入力フィールド間にスペースを入れるにはどうすればよいですか？

2. 同じ長さの入力フィールドの作成方法は？

Answer 1

あなたはcol-sm-5で.input-groupをラップするのを忘れました。このブーツを参照してください：http://www.bootply.com/OvEfUMhoG7。

<div class="form-group"> 
     <div class="col-sm-5"> 
     <div class="input-group"> 
     <div class="input-group-addon">kg</div> 
     <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> 
     </div> 
     </div> 
    </div>