Проблемы с головой в Bootstrap 3.0 RC1

Я пытаюсь использоватьTwitter Typeahead с Bootstrap 3 RC1, потому что Bootstrap удалил свой собственный плагин typeahead в версии 3.

Я использую следующий HTML в моей форме:

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

Без добавления Typeahead поле ввода поиска будет выглядеть так:

Затем я добавил Typeahead так:

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

И поле стало меньше, с белым прямоугольником внутри.

Я что-то не так делаю или это просто ошибка в Typeahead или Bootstrap 3 RC1?

Ответы на вопрос(5)

Ваш ответ на вопрос