ブートストラップ - 入力グループ-btnは入力グループにクリップされません

Question

私はブートストラップが新しく、私はそれを私のWebアプリケーションに実装しようとしています。 3つの異なる部分をグループ分けして見栄えを良くしたいのですが、下のコードの結果、<button>がブラウザの右側に浮かんでいます。

これは同じ行にあるので、グループ化が機能すると思います。しかし、何とか<button>はまだ<input/>にクリップしません。私はThis bootstrap componentsページを参照/例として私のコードを生成するために使用しました。

私の質問：はどのよう<input/>へ<button>「クリップ/スナップ」を作るのですか？これは、

Answer 1

利用クラスpull-left：（注：別のテキストが含まれていますが、コードは同じです）

<div class="input-group"> 
<div class="input-group-addon"> 
    Add project: 
</div> 
<input type="text" class="form-control input-group" placeholder="Type new project here"/> 
<div class="input-group-btn"> 
    <button type="button" class="btn btn-default ">Add</button> 
</div> 

は、これは私の結果は次のようになりますそれを<input/>にクリップします。 下記の更新されたコードをご覧ください：

<div class="input-group"> 
<div class="input-group-addon"> 
    Add project: 
</div> 
<input type="text" class="form-control input-group" placeholder="Type new project here"/> 
<div class="input-group-btn pull-left"> <!-- add pull-left here --> 
    <button type="button" class="btn btn-default ">Add</button> 
</div>