Bootstrap 3 RC 1中的预输入JavaScript模块在哪里?


76

如您所知,Bootstrap RC 1在这里,我一直在阅读有关这个​​新框架中所有新的令人敬畏的功能的信息。但是,猜猜是什么,Typehead不在文档中。有人知道这是出于任何原因吗?

我在谷歌搜索时发现了这些示例,并且在这篇文章中我读到它们更改了Typehead Bootstrap。因此,我必须手动添加它还是在Bootstrap 3捆绑包中添加它?

有人知道吗?


2
我还发现有太多东西消失了,例如导航类,预输入,受控表格输入宽度,搜索框,子菜单。更改类使其复杂,例如将icon-更改为.glyphicon,将其范围更改为col-lg-xxxxx?在这方面,我会称赞jquery或Google政策,我的意思是给予足够的向后兼容性,以便人们可以坚持使用您的产品。与其将您的想法强加于别人,然后以“我们认为不需要”这样的话来评判,您是谁?因此,此更改策略是更多Microsoft的东西。他们不断改变事物,而我们的开发人员总是不断学习和浪费时间。地狱!
Asif Ashraf

1
有人加回的预输入到引导3这里
MK容

这适用于不带任何提示的旧bootstrap2代码。在bootstrap 3加载后仅包含额外的js文件。
giorgio 2014年

Answers:


67

我相信它已经过时了,转而使用了Twitter出色的typeahead.js。他们的文档中有一个Bootstrap集成部分,应该会有所帮助。

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



3
警告:截至2013年10月24日,typeahead.js已过时3-4个月。希望他们能再次进行下去。github.com/twitter/typeahead.js/issues/489
Breiz 2013年

3
@JakeHarding将于1月初发布新版本。
NicoJuicy 2013年

1
积分部已被删除:github.com/twitter/typeahead.js/commit/... 这里有些指令:aureliomerenda.com/...
drye

1
此处的方法:aureliomerenda.com/…不再有效
Cam


9

正如ceejayoz所述,您需要typeahead.js +其他与Bootstrap集成的CSS。

这是为Bootstrap 2设计的。

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

我还注意到(输入)的Button插件不能很好地工作,因为输入也没有被正确覆盖。


1
这篇文章很有帮助。.tt-hint是一个奇怪的弹出窗口,其中包含来自输​​入控件的重复文本。不知道那是什么。设置显示:没有一个真正的帮助。谢谢
Asif Ashraf


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.