如何将typeahead.js与bootstrap 3一起使用？

Question

我正在整理一个原型应用程序进行演示,并使用Twitter Bootstrap 3(http://getbootstrap.com - 特别是3.1.1版).我想使用typeahead.js(http://twitter.github.io/typeahead.js/ - 当前版本0.10.1)来推动搜索建议.

我已经看到了以前版本的一些示例,但没有一个与最新版本相关.

将两者融为一体的最佳方法是什么？

基于我见过的几个例子,这就是我想要做的

<input type="text" class="typeahead form-control input-sm" id="searchField1"/>

然后

$(document).ready(function() {
  $('#searchField1').typeahead({
    name: 'keywords',
    local: ['foo', 'bar']
  });
});

但是,我认为事情已经发生了变化

Answer 1

该twitter.github.io/typeahead.js自举3不兼容.

您可以使用与twitter bootstrap 3兼容的Typeahead