さまざまな（小さい）幅の入力を持つブートストラップインラインフォームを取得する方法

Question

ブートストラップ3でインラインフォームを使用するにはどうすればよいですか？フォームの場合

My Label: |__| - |____| - |____| 

私が得るように見えることができるすべては、次のとおりです。

My Label: |_______| - |_______| - |_______| 

Answer 1

は、ブートストラップの.col-sm-xクラスを使用するか、設定された幅のdivの中にあなたの入力をラップ、またはあなたが幅を所有して使用します。

<div class="col-sm-2"> 
    <input type="text" class="form-control"> 
</div> 
<div class="col-sm-3"> 
    <input type="text" class="form-control"> 
</div> 
<div class="col-sm-4"> 
    <input type="text" class="form-control"> 
</div> 

fiddle