ご存じのように、Bootstrap RC 1 が登場しました。私はこの新しいフレームワークのすばらしい新機能について読んでいます。しかし、タイプヘッドはドキュメントから外れています。これが何らかの理由であるかどうか誰かが知っていますか?
グーグルでこれらの例を見つけました。また、この投稿で、タイプヘッド Bootstrap が変更されたことを読みました。手動で追加する必要がありますか、それとも Bootstrap 3 バンドルにも含まれていますか?
誰もこれについて何か知っていますか?
最終的な Bootstrap 3.0.0 がリリースされたので、タイプアヘッドは正式に削除されました。ただし、代わりに Twitter の Typeahead ( https://github.com/twitter/typeahead.js ) を使用できます。
Bootstrap 3 Typeahead の例: http://bootply.com/86571
私は適応を見つけました[2014年5月] ;)
私のようにGoogleからここに着陸した他の人のために、まだ正しい答えを探しています: https://github.com/bassjobsen/Bootstrap-3-Typeahead
そして、私のようにノックアウト 3 で作業する必要がある場合は、天才 Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) のコードを最小限に調整して、再び動作するようにしました。
<input type="text" data-bind="value: value, typeahead: {source: your_array}" />
ceejayoz が既に述べたように、bootstrap と統合するには、typeahead.js + 追加の CSS が必要です。
これは Bootstrap 2 用に作成されています。
Bootstrap 3 で動作させたい場合は、.tt-hint
クラスを変更する必要があります。display: none;
重ね着がとてもひどいので変更しました。
入力も正しくオーバーライドされないため、(入力への)ボタンアドオンがうまく機能しないことにも気付きました。
はい、Bootstrap 3 では先行入力は非推奨です。
しかし、typeahead.js は Bootstrap 3 に対応していません。
実際の解決策は、css の問題を修復する追加の css を追加することです: https://github.com/jharding/typeahead.js-bootstrap.css