編集可能なコンボボックスをブートストラップ

Question

私は以下のコードを使って編集可能なコンボボックスを作成しようとしています。 唯一の問題は、キャレット記号が右ではなく左に表示されていることです。

<div class="input-append btn-group"> 
          <input class="span2" id="appendedInputButton" size="16" type="text" value="Error Duration"> 
          <ul class="dropdown-menu"> 
           <li>Edit</li> 
           <li>Delete</li> 
           <li>Ban</li> 
          </ul> 
          <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
           <span class="caret"></span> 
          </a> 
        </div> 

Answer 1

三ソリューション：

1（推奨）：

すべての.btnbtn-group内のブロックを左に浮いて、あなたの入力ではないされているため（このクラスは、問題の原因btn-groupクラスを削除しますフローティング）。

2：

あなたのアンカーにpull-rightクラスを追加します。

<a class="btn btn-primary dropdown-toggle pull-right" data-toggle="dropdown" href="#"> 
    <span class="caret"></span> 
</a> 

3：

input { 
    float: left; 
}