Where is the typeahead JavaScript module in Bootstrap 3 RC 1?

JqueryTwitter BootstrapTwitter Bootstrap-3

Jquery Problem Overview


As you know Bootstrap RC 1 is here, and I have been reading about all the new awesome features in this new framework. But guess what, typehead is out of the documentation. Does anyone know if this is for any reason?

I found these examples while googling and also I read in this post that they changed the typehead Bootstrap. So do I have to add it manually or is it also in the Bootstrap 3 bundle?

Does anyone know something about this?

Jquery Solutions


Solution 1 - Jquery

I believe it has been deprecated in favor of Twitter's excellent typeahead.js. Their documentation has a Bootstrap integration section that should help.

edit: Twitter has removed the integration instructions. It's not clear if this is temporary in advance of a Bootstrap 3.0-compatible release or if it's gone for good, but @drye links to a useful replacement at http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/.

Solution 2 - Jquery

Now that the final Bootstrap 3.0.0 has been released, the typeahead has been officially removed. However, Twitter's Typeahead (https://github.com/twitter/typeahead.js) can be used in it's place:

Bootstrap 3 Typeahead example: http://bootply.com/86571

Solution 3 - Jquery

As ceejayoz already stated, you need the typeahead.js + the additional CSS for integrate with Bootstrap.

This is made for Bootstrap 2.

If you want it to work with Bootstrap 3, you have to change the .tt-hint class. I changed it to display: none; because it overlayed very terrible.

I also noticed that Button addons (to inputs) don't work that well because the input gets not correctly overridden too.

Solution 4 - Jquery

I found the adaption [may 2014] ;)

for others landing here from google like I did, still searching for the right answer: https://github.com/bassjobsen/Bootstrap-3-Typeahead

and if you need it working with knockout 3 like I do, I adapted the code from the genius Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) minimally to work again:

<input type="text" data-bind="value: value, typeahead: {source: your_array}" />

Solution 5 - Jquery

Yes, typeahead is deprecated in Bootstrap 3.

But typeahead.js is not ready for Bootstrap 3.

The working solution is to add the additional css, which repairs the css problems: https://github.com/jharding/typeahead.js-bootstrap.css

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionncubicaView Question on Stackoverflow
Solution 1 - JqueryceejayozView Answer on Stackoverflow
Solution 2 - JqueryZimView Answer on Stackoverflow
Solution 3 - JqueryDaniel W.View Answer on Stackoverflow
Solution 4 - JqueryNukeyView Answer on Stackoverflow
Solution 5 - JqueryoptimisterView Answer on Stackoverflow