web-dev-qa-db-ja.com

Bootstrap 3 RC 1の先行入力JavaScriptモジュールはどこにありますか？

ご存知のようにBootstrap RC 1がここにあり、私はこの新しいフレームワークのすべての新しい素晴らしい機能について読んでいます。しかし、タイプヘッドはドキュメント外です。これが何らかの理由であるかどうかを知っていますか？

私は これらの例 をグーグルで見つけ、また この投稿で を読みました。彼らはタイプヘッドのブートストラップを変更しました。手動で追加する必要がありますか、それともBootstrap 3バンドルに含まれていますか？

誰もこれについて何か知っていますか？

jquerytwitter-bootstraptwitter-bootstrap-3
76
ncubica

Twitterの優れた typeahead.js を支持して廃止されたと思います。彼らのドキュメントには a Bootstrap integration section があります。

edit：Twitterは統合手順を削除しました。これがBootstrap 3.0互換リリースの前に一時的なものであるのか、それとも永久になくなっているのかは明らかではありませんが、@ dryeは http：//www.aureliomerenda。 com/install-typeahead-bootstrap-3-fix-css-overlay-width-100 / 。

67
ceejayoz

最後のBootstrap 3.0.0がリリースされたので、typeaheadは正式に削除されました。ただし、TwitterのTypeahead（ https://github.com/Twitter/typeahead.js ）はその場所で使用できます。

Bootstrap 3 Typeaheadの例： http://bootply.com/86571

14
Zim

私は適応を見つけました[2014年5月];）

私がやったようにグーグルからここに着いた他の人のために、まだ正しい答えを探しています： https://github.com/bassjobsen/Bootstrap-3-Typeahead

そして、私と同じようにノックアウト3で動作する必要がある場合は、天才ニーマイヤー（ https://stackoverflow.com/a/20503173/1218136 ）からのコードを最小限に再度動作するように適合させました：

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

Ceejayozが既に述べたように、Bootstrapと統合するにはtypeahead.js +追加のCSSが必要です。

これは、Bootstrap 2に対して作成されます。

Bootstrap 3で動作させたい場合は、.tt-hintクラスを変更する必要があります。非常にひどいオーバーレイであったため、display: none;に変更しました。

また、入力が正しくオーバーライドされないため、ボタンアドオン（入力へ）がうまく機能しないことにも気付きました。

9
Daniel W.

はい、先行入力はBootstrap 3で廃止されました。

しかし、typeahead.jsはBootstrap 3の準備ができていません。

実用的な解決策は、CSSの問題を修復する追加のCSSを追加することです。 https://github.com/jharding/typeahead.js-bootstrap.css

7
optimister