Wie Sie wissen, ist Bootstrap RC 1 hier und ich habe über alle neuen fantastischen Funktionen in diesem neuen Framework gelesen. Aber raten Sie mal, Typehead ist nicht in der Dokumentation enthalten. Weiß jemand, ob dies aus irgendeinem Grund ist?
Ich habe diese Beispiele beim Googeln gefunden und in diesem Beitrag gelesen, dass sie den Typehead Bootstrap geändert haben. Muss ich es also manuell hinzufügen oder ist es auch im Bootstrap 3-Bundle enthalten?
Weiß jemand etwas darüber?
Antworten:
Ich glaube, es wurde zugunsten von Twitter's ausgezeichnetem typeahead.js abgelehnt . Ihre Dokumentation enthält einen Abschnitt zur Bootstrap-Integration , der helfen sollte.
Bearbeiten: Twitter hat die Integrationsanweisungen entfernt. Es ist nicht klar, ob dies vor einer Bootstrap 3.0-kompatiblen Version vorübergehend ist oder ob es endgültig weg ist, aber @drye verweist auf einen nützlichen Ersatz unter http://www.aureliomerenda.com/install-typeahead-bootstrap-3- fix-css-overlay-width-100 / .
Nachdem der endgültige Bootstrap 3.0.0 veröffentlicht wurde, wurde der Typeahead offiziell entfernt. Der Typeahead von Twitter ( https://github.com/twitter/typeahead.js ) kann jedoch an seiner Stelle verwendet werden:
Bootstrap 3 Typeahead-Beispiel: http://bootply.com/86571
Wie ceejayoz bereits sagte, benötigen Sie typeahead.js + das zusätzliche CSS für die Integration in Bootstrap.
Dies ist für Bootstrap 2 gemacht.
Wenn es mit Bootstrap 3 funktionieren soll, müssen Sie die .tt-hintKlasse ändern . Ich habe es geändert, display: none;weil es sehr schrecklich überlagert war.
Mir ist auch aufgefallen, dass Button-Addons (zu Eingaben) nicht so gut funktionieren, da die Eingabe auch nicht korrekt überschrieben wird.
Ich habe die Anpassung gefunden [Mai 2014];)
für andere, die wie ich von Google hier landen und immer noch nach der richtigen Antwort suchen: https://github.com/bassjobsen/Bootstrap-3-Typeahead
und wenn es wie ich mit Knockout 3 funktioniert, habe ich den Code des Genies Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) minimal angepasst , um wieder zu funktionieren:
<input type="text" data-bind="value: value, typeahead: {source: your_array}" />
Ja, typeahead ist in Bootstrap 3 veraltet.
Typeahead.js ist jedoch nicht für Bootstrap 3 bereit.
Die funktionierende Lösung besteht darin, das zusätzliche CSS hinzuzufügen, das die CSS-Probleme behebt: https://github.com/jharding/typeahead.js-bootstrap.css