ボタンの隣にある "ブートストラップフォーム入力"？

Question

私の最終目標は、ボタンを押すと、その右側に通常のブートストラップ入力フィールドのように見える<select>ドロップダウンを持つことである（それは、すべての画面サイズ上の他のUI要素にマッチします）。

class="form-control input-md" 

入力に上記のCSSを使用して、ブートストラップフォーム入力の色、枠線などを取得します。私はそれが画面幅全体を占めること、大きなマージンを持つこと、または次の行に落としたくない。私は部分的にそれを固定しました：

.my-modified-input { 
    margin:0px; 
    width: 250px; 
} 

しかし、入力はまだ次の行にジャンプします。ブートストラップグリッドを使わずにこれを防ぐ方法はありますか？グリッドを使用したくない理由は、ボタンと選択ドロップダウンの間隔が広すぎるため、各画面サイズのカスタム列を持つ行内に行を作成しないといけません。

Answer 1

フォームインラインクラスを使用する必要があります。

<form class="form-inline"> 
     <div class="form-group"> 
     <button class="btn btn-primary"> 
      Button 
     </button> 
     </div> 
     <div class="form-group"> 
     <select class="form-control"> 
      <option value="">here is your select</option> 
     </select> 
     </div> 

    </form> 

https://jsfiddle.net/bjw1gLv2/

Answer 2

<form class="form-horizontal" role="form"> 
<div class="form-group"> 
    <div class=" col-sm-4" > 
    <button class="btn btn-primary btn-block">Click me</button> 
    </div> 
    <div class="col-sm-8"> 
     <select class="form-control"> 
     <option>1</option> 
     </select> 
    </div> 
</div> 
</form> 

これはあなたをheplを願っています。