Entrada inline do Twitter Bootstrap com lista suspensa
Estou tentando exibir uma entrada de texto em linha com um botão suspenso. Eu não consigo descobrir como fazer isso. Aqui está o HTML que eu tentei (coloquei tudo isso em uma única linha sem resultados):
<div class="input-append">
<input type="text" placeholder="foo" class="input-mini">
<div class="btn-group">
<a id="amount_type" class="btn dropdown-toggle" data-toggle="dropdown" href="#">10<span class="caret"></span></a>
<ul id="amount_type_options" class="dropdown-menu">
<li class="selected"><a href="#">10</a></li>
<li><a href="#">100</a></li>
<li><a href="#">1000</a></li>
</ul>
</div>
</div>
Isso é possível?
Obrigado