76 votes

Où se trouve le module javascript typeahead dans bootstrap 3 RC 1 ?

Comme vous le savez, boostrap RC 1 est arrivé, et j'ai lu toutes les nouvelles fonctionnalités de ce nouveau framework. Mais devinez quoi, typehead est absent de la documentation. Quelqu'un sait-il si c'est pour une raison quelconque ?

J'ai trouvé ces exemples en cherchant sur Google et j'ai lu dans ce poste qu'ils ont changé la tête d'écriture boostrap. Dois-je donc l'ajouter manuellement ou est-il aussi dans le pack boostrap 3 ?

Quelqu'un sait-il quelque chose à ce sujet ?

67voto

ceejayoz Points 85962

Je crois qu'il a été déprécié au profit de l'excellent outil de Twitter. typeahead.js . Leur documentation a une section d'intégration de Bootstrap qui devrait aider.

éditer : Twitter a supprimé les instructions d'intégration. On ne sait pas s'il s'agit d'une mesure temporaire en prévision d'une version compatible avec Bootstrap 3.0 ou d'une suppression définitive, mais @drye propose un lien vers un remplacement utile à l'adresse suivante http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/ .

14voto

Skelly Points 27772

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

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

9voto

MK Yung Points 490

Quelqu'un a rajouté le typeahead à Bootstrap 3 aquí

9voto

DanFromGermany Points 7201

Comme ceejayoz l'a déjà dit, vous avez besoin de typeahead.js + le CSS supplémentaire pour l'intégrer à Bootstrap.

Il est conçu pour Bootstrap 2.

Si vous voulez qu'il fonctionne avec Bootstrap 3, vous devez modifier l'attribut .tt-hint classe. Je l'ai changé en display: none; parce que ça s'est superposé très mal.

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

7voto

optimister Points 101

Oui, le typeahead est déprécié dans Bootstrap 3.

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

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X