76

如您所知，Bootstrap RC 1 就在这里，我一直在阅读这个新框架中的所有新功能。但是你猜怎么着，typehead 不在文档中。有谁知道这是否出于某种原因？

我在谷歌搜索时发现了这些示例，并且我在这篇文章中读到他们更改了字体引导程序。那么我必须手动添加它还是它也在 Bootstrap 3 捆绑包中？

有人知道吗？

4

5 回答 5

67

我相信它已被弃用，取而代之的是 Twitter 出色的typeahead.js。他们的文档有一个 Bootstrap 集成部分，应该会有所帮助。

编辑： Twitter 已删除集成说明。目前尚不清楚这是否是在与 Bootstrap 3.0 兼容的版本之前的临时版本，或者它是否已经消失，但@drye 链接到http://www.aureliomerenda.com/install-typeahead-bootstrap-3-上的有用替代品修复-css-overlay-width-100/。

于 2013-07-28T01:05:10.670 回答
14

现在最终的 Bootstrap 3.0.0 已经发布，typeahead 已经被正式删除。但是，可以使用 Twitter 的 Typeahead ( https://github.com/twitter/typeahead.js ) 代替它：

Bootstrap 3 Typeahead 示例：http ://bootply.com/86571

于 2013-10-09T19:00:59.017 回答
9

我找到了适应 [2014 年 5 月] ;)

对于像我一样从谷歌登陆这里的其他人，仍在寻找正确的答案： https ://github.com/bassjobsen/Bootstrap-3-Typeahead

如果您需要像我一样使用淘汰赛 3，我将天才 Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) 的代码改编为最低限度地再次工作：

<input type="text" data-bind="value: value, typeahead: {source: your_array}" />
于 2014-05-15T21:08:00.173 回答
9

正如 ceejayoz 已经说过的，你需要 typeahead.js + 额外的 CSS 来与 Bootstrap 集成。

这是为 Bootstrap 2 制作的。

如果您希望它与 Bootstrap 3 一起使用，您必须更改.tt-hint类。我把它改成了display: none;因为它覆盖得非常糟糕。

我还注意到按钮插件（输入）不能很好地工作，因为输入也没有被正确覆盖。

于 2013-08-08T12:03:16.403 回答
7

是的，在 Bootstrap 3 中不推荐使用预输入。

但是 typeahead.js 还没有为 Bootstrap 3 做好准备。

工作解决方案是添加额外的 css，修复 css 问题： https ://github.com/jharding/typeahead.js-bootstrap.css

于 2013-10-09T08:05:37.427 回答