Bootstrap 3 RC 1中的typeahead JavaScript模块在哪里?

时间:2013-07-27 23:55:25

标签: jquery twitter-bootstrap twitter-bootstrap-3

如你所知,Bootstrap RC 1就在这里,我一直在阅读这个新框架中所有新的强大功能。但是猜猜是什么,typehead不在文档中。有谁知道这是出于任何原因吗?

我在谷歌搜索时找到了these examples,并且我读了in this post他们更改了打印头类型。所以我必须手动添加它还是在Bootstrap 3包中?

有人对此有所了解吗?

5 个答案:

答案 0 :(得分:67)

我认为它已经被弃用,而不是Twitter的优秀typeahead.js。他们的文档a Bootstrap integration section应该有所帮助。

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

答案 1 :(得分:14)

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

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

答案 2 :(得分:9)

正如ceejayoz已经说过的那样,你需要使用typeahead.js +附加的CSS来与Bootstrap集成。

这是针对Bootstrap 2。

如果您希望它与Bootstrap 3一起使用,则必须更改.tt-hint类。我将其更改为display: none;,因为它重叠得非常糟糕。

我还注意到Button插件(对于输入)效果不好,因为输入也没有被正确覆盖。

答案 3 :(得分:9)

我找到了适应[2014年可能];)

对于像我这样从谷歌登陆的其他人,仍然在寻找正确的答案: 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}" />

答案 4 :(得分:7)

是的,在Bootstrap 3中不推荐使用typeahead。

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

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