web-dev-qa-db-fra.com

Où se trouve le module JavaScript typeahead dans Bootstrap 3 RC 1?

Comme vous le savez Bootstrap RC 1 est là, et je lisais toutes les nouvelles fonctionnalités de ce nouveau cadre. Mais devinez quoi, typhead est en dehors de la documentation. Est-ce que quelqu'un sait si cela est pour une raison quelconque?

J'ai trouvé ces exemples tout en googlant et aussi j'ai lu dans ce post qu'ils ont changé le typehead Bootstrap. Donc dois-je l’ajouter manuellement ou est-ce aussi dans le Bootstrap 3 bundle?

Est-ce que quelqu'un sait quelque chose à ce sujet?

76
ncubica

Je crois qu'il a été déconseillé au profit de l'excellent typeahead.js de Twitter. Leur documentation a a Bootstrap qui devrait aider.

modifier: Twitter a supprimé les instructions d'intégration. On ne sait pas si cela est temporaire à l’avance d’une version Bootstrap compatible avec la version 3.0 ou si elle est définitivement perdue), mais @drye renvoie à un substitut utile à http: // www .aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100 / .

67
ceejayoz

Maintenant que la version finale Bootstrap 3.0.0 a été publiée, la tête de frappe a été officiellement supprimée. Cependant, la tête de Twitter de Twitter ( https://github.com/Twitter/typeahead.js ) peut être utilisé à sa place:

Exemple de Bootstrap 3 Typeahead: http://bootply.com/86571

14
Zim

J'ai trouvé l'adaptation [mai 2014];)

pour les autres qui atterrissent ici de google comme moi, toujours à la recherche de la bonne réponse: https://github.com/bassjobsen/Bootstrap-3-Typeahead

et si vous avez besoin de travailler avec knockout 3 comme je le fais, j'ai adapté le code du génie Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) pour qu'il fonctionne à nouveau de manière minimale:

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

Comme ceejayoz l'a déjà indiqué, vous avez besoin du typeahead.js + du CSS supplémentaire pour l'intégration à Bootstrap.

Ceci est fait pour Bootstrap 2.

Si vous voulez que cela fonctionne avec Bootstrap 3, vous devez changer le .tt-hint classe. Je l'ai changé en display: none; parce que la superposition est très terrible.

J'ai aussi remarqué que les addons de boutons (aux entrées) ne fonctionnent pas très bien, car l'entrée n'est pas également remplacée correctement.

9
Daniel W.

Oui, la typeahead est obsolète dans Bootstrap 3.

Mais typeahead.js n’est pas prêt pour Bootstrap 3.

La solution de travail consiste à ajouter le css supplémentaire, qui répare les problèmes css: https://github.com/jharding/typeahead.js-bootstrap.css

7
optimister