Estoy tratando de usarTwitter Typeahead con Bootstrap 3 RC1, porque Bootstrap dejó su propio complemento typeahead en la versión 3.

Estoy usando el siguiente HTML en mi formulario:

<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>

Sin agregar Typeahead, el campo de entrada de búsqueda se muestra así:

Entonces agregué Typeahead así:

<script>
    $('#query').typeahead({        
        local: ['alpha', 'bravo','charlie','delta','epsilon','gamma','zulu']
    });
</script>

Y el campo se hizo más pequeño, con un rectángulo blanco en su interior.

¿Estoy haciendo algo mal o es solo un error en Typeahead o Bootstrap 3 RC1?