76

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

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

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

4

5 に答える 5

14

最終的な Bootstrap 3.0.0 がリリースされたので、タイプアヘッドは正式に削除されました。ただし、代わりに Twitter の Typeahead ( https://github.com/twitter/typeahead.js ) を使用できます。

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

于 2013-10-09T19:00:59.017 に答える
9

私は適応を見つけました[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}" />
于 2014-05-15T21:08:00.173 に答える
9

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

これは Bootstrap 2 用に作成されています。

Bootstrap 3 で動作させたい場合は、.tt-hintクラスを変更する必要があります。display: none;重ね着がとてもひどいので変更しました。

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

于 2013-08-08T12:03:16.403 に答える
7

はい、Bootstrap 3 では先行入力は非推奨です。

しかし、typeahead.js は Bootstrap 3 に対応していません。

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

于 2013-10-09T08:05:37.427 に答える