Problemas típicos com o Bootstrap 3.0 RC1
Estou tentando usarTwitter Typeahead com o Bootstrap 3 RC1, porque o Bootstrap lançou seu próprio plug-in typeahead na versão 3.
Estou usando o seguinte HTML no meu formulário:
<div class="well">
<form>
<fieldset>
<div class="form-group">
<label for="query">Search:</label>
<input type="text" class="form-control" name="query" id="query" placeholder="Start typing something to search...">
</div>
<button type="submit" class="btn btn-primary">Search</button>
</fieldset>
</form>
</div>
Sem adicionar o Typeahead, o campo de entrada de pesquisa é exibido assim:
Então eu adicionei Typeahead assim:
<script>
$('#query').typeahead({
local: ['alpha', 'bravo','charlie','delta','epsilon','gamma','zulu']
});
</script>
E o campo ficou menor, com um retângulo branco dentro dele.
Estou fazendo algo errado ou é apenas um bug no Typeahead ou no Bootstrap 3 RC1?