如你所知,Bootstrap RC 1就在这里,我一直在阅读这个新框架中所有新的强大功能。但是猜猜是什么,typehead不在文档中。有谁知道这是出于任何原因吗?
我在谷歌搜索时找到了these examples,并且我读了in this post他们更改了打印头类型。所以我必须手动添加它还是在Bootstrap 3包中?
有人对此有所了解吗?
答案 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