1
我正在構建一個可自動完成鍵入文本的Google風格文本框。Bootstrap 3的Typeahead/Select2支持
使用預輸入與typeahead.js-bootstrap.css：
$(document).ready(function() {
$('#op1').typeahead({
remote: '/search/%QUERY',
});
});
<input type="text" id="op1">
它工作但有兩個問題：
我不能自定義。每當我做出任何重大的樣式更改，或者使用引導類的輸入元素：文本框完全搞砸了。
自動完成（「提示」）文本被寫在輸入文本的上方，所以我爲提示設置的顏色就是整個文本的顏色！我試圖給出一個負Z順序的提示，但它根本沒有顯示出來。
我試過和事先鍵入的內容自動選擇二，完成庫與我的引導3模板，到目前爲止，我能夠工作外的開箱不徹底毀掉佈局的唯一的事情就是以上代碼
如果有人能解決這些問題，否則建議一個完整的CSS + JS預輸入解決方案Bootstrap3，我會很感激:)
雖然支持已被刪除，你可以使用「舊」插件看到：HTTP：// github上的.com/bassjobsen /引導-3-事先鍵入的內容。要解決您的CSS問題，請參閱：http://stackoverflow.com/questions/18059161/css-issue-on-twitter-typeahead-with-bootstrap-3和http://stackoverflow.com/questions/18059161/css-問題在Twitter的typeahead-with-bootstrap-3 –
看起來這正是我需要的！謝謝！ – Nimo