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

Question

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. D

Answer 1

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

Answer 2

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

Answer 3

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/.

Answer 4

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.

Answer 5

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}" />