Редактируемый combobox для начальной загрузки

Question

Im пытается создать редактируемый combobox, используя приведенный ниже код, и он отлично работает. Единственная проблема заключается в том, что символ каретки отображается слева, а не справа.

<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 (рекомендуется):

Удалить btn-group класс (этот класс вызывает проблемы, потому что каждый .btn внутри 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; 
}