Pertanyaan Di mana modul JavaScript typeahead di Bootstrap 3 RC 1?


Seperti yang Anda ketahui Bootstrap RC 1 ada di sini, dan saya telah membaca tentang semua fitur mengagumkan baru dalam kerangka kerja baru ini. Tapi coba tebak, kepala ketik keluar dari dokumentasi. Apakah ada yang tahu apakah ini karena alasan apa pun?

saya menemukan contoh-contoh ini sambil googling dan juga saya baca dalam posting ini bahwa mereka mengubah Bootstrap tipografi. Jadi apakah saya harus menambahkannya secara manual atau apakah itu juga dalam bundel Bootstrap 3?

Adakah yang tahu sesuatu tentang ini?


75
2017-07-27 23:55


asal


Jawaban:


Saya percaya bahwa hal itu telah ditinggalkan demi kebaikan Twitter typeahead.js. Dokumentasi mereka bagian integrasi Bootstrap yang seharusnya membantu.

edit: Twitter telah menghapus instruksi integrasi. Tidak jelas apakah ini sementara sebelum rilis Bootstrap 3.0-kompatibel atau jika itu pergi untuk selamanya, tetapi @drye link ke pengganti yang berguna di http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/.


67
2017-07-28 01:05



Sekarang Bootstrap 3.0.0 final telah dirilis, typeahead telah secara resmi dihapus. Namun, Typeahead Twitter (https://github.com/twitter/typeahead.js) dapat digunakan di tempat itu:

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


14
2017-10-09 19:00



Seperti yang sudah dinyatakan oleh ceejayoz, Anda perlu typeahead.js + CSS tambahan untuk berintegrasi dengan Bootstrap.

Ini dibuat untuk Bootstrap 2.

Jika Anda ingin bekerja dengan Bootstrap 3, Anda harus mengubah .tt-hint kelas. Saya mengubahnya menjadi display: none; karena dihamparkan sangat mengerikan.

Saya juga memperhatikan bahwa Addons Tombol (ke input) tidak bekerja dengan baik karena input tidak benar ditimpa juga.


9
2017-08-08 12:03



Saya menemukan adaptasi [mungkin 2014];)

untuk orang lain yang mendarat di sini dari google seperti yang saya lakukan, masih mencari jawaban yang benar: https://github.com/bassjobsen/Bootstrap-3-Typeahead

dan jika Anda membutuhkannya bekerja dengan sistem gugur 3 seperti yang saya lakukan, saya mengadaptasi kode dari genius Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) minimal untuk bekerja kembali:

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

9
2018-05-15 21:08



Ya, typeahead tidak digunakan lagi di Bootstrap 3.

Tapi typeahead.js belum siap untuk Bootstrap 3.

Solusi yang bekerja adalah menambahkan css tambahan, yang memperbaiki masalah css: https://github.com/jharding/typeahead.js-bootstrap.css


7
2017-10-09 08:05