如您所知,Bootstrap RC 1在这里,我一直在阅读有关这个新框架中所有新的令人敬畏的功能的信息。但是,猜猜是什么,Typehead不在文档中。有人知道这是出于任何原因吗?
我在谷歌搜索时发现了这些示例,并且在这篇文章中我读到它们更改了Typehead Bootstrap。因此,我必须手动添加它还是在Bootstrap 3捆绑包中添加它?
有人知道吗?
Answers:
我相信它已经过时了,转而使用了Twitter出色的typeahead.js。他们的文档中有一个Bootstrap集成部分,应该会有所帮助。
编辑: Twitter已删除了集成说明。目前尚不清楚这是否是与Bootstrap 3.0兼容的发行版之前的临时版本,或者它已经永久消失了,但是@drye链接到位于http://www.aureliomerenda.com/install-typeahead-bootstrap-3-的有用替代版本。 fix-css-overlay-width-100 /。
现在已经发布了最终的Bootstrap 3.0.0,预输入已被正式删除。但是,可以在其中使用Twitter的Typeahead(https://github.com/twitter/typeahead.js):
Bootstrap 3 Typeahead示例:http://bootply.com/86571
正如ceejayoz所述,您需要typeahead.js +其他与Bootstrap集成的CSS。
这是为Bootstrap 2设计的。
如果希望它与Bootstrap 3一起使用,则必须更改.tt-hint
类。我将其更改为,display: none;
因为它覆盖得非常糟糕。
我还注意到(输入)的Button插件不能很好地工作,因为输入也没有被正确覆盖。
我找到了改编的内容[2014年5月];)
对于其他像我一样从Google登陆这里的人,仍在寻找正确的答案: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}" />
是的,Bootstrap 3中不推荐使用typeahead。
但是typeahead.js尚未准备好用于Bootstrap 3。
可行的解决方案是添加其他CSS,以解决CSS问题:https : //github.com/jharding/typeahead.js-bootstrap.css