ブートストラップ検索フォームのレイアウト

Question

ボタンを右揃えにして簡単な全角検索入力を表示するためのブートストラップを取得できません。ここに私のコードです：

<div class="row"> 
    <div class="col-md-12"> 
     <form class="form-inline"> 
      <input type="search" class="form-control" id="search" placeholder="I wish this would work..."> 
      <button type="button" class="btn btn-primary">Search</button> 
     </form> 
    </div> 
</div> 

これはすべてcontainerで包まれています。

Answer 1

にpull-rightを追加します。ここでは

<div class="container"> 
    <form class="form-inline row"> 
    <div class="col-xs-8"> 
     <input type="search" class="form-control" id="search" placeholder="I wish this would work..."> 
    </div> 
    <div class="col-xs-4"> 
     <button type="button" class="btn btn-primary btn-block">Search</button> 
    </div> 
    </form> 
</div> 

は完全な例である：全角ブートストラップ[のhttps://jsfiddle.net/v8rm9nx4/3/

Answer 2

あなたが好きそれを試みることができるあなたのクラス文字列

class="btn btn-primary pull-right"