Как известно в 3-ей версии twitter bootstrap отсутствует плугин typeahead, который был в предыдущих версиях bootstrap-а. Печаль. Но мир не без добрых людей и нашлись таки умельцы смастерившие замену безвременно ушедшему компоненту.
typeahead.js
Собственно это и есть причина по которой родной typeahead был выкинут из bootstrap-а. Разработчики bootstrap посчитали, что эта библиотека имеет больше возможностей и продолжать пились свой собственный велосипед типа бессмысленно.
Однако не все так просто — если посмотреть демки typeahead.js, то можно обратить внимание, что выглядят они хоть и неплохо, но стиль не соответствует bootstrap-овскому. Если погуглить на тему, то можно обнаружить немало слёз по поводу его несовместимости.
Но несмотря на это этот компонент действительно поражает широтой возможностей. Пожалуй это самый продвинутый компонент в своём классе. И пожалуй даже стоит потратить время на доработку стилей.
Bootstrap 3 Typeahead
Этот проект есть попытка сделать таки typeahead совместимый с bootstrap без использования дополнительных костылей. Действительно — прикручивается он на раз-два. Работает с bootstrap-ом что называется «из каробки».
Но как это всегда бывает и тут без ложки дегтя не обошлось. Невозможно настроить внешний вид выпадающих элементов — отображаются они только как строки. Собственно это обратная сторона простоты — за всё приходится платить.
Вывод
Если нужны возможности и в частности кастомизация выпадающего списка то однозначный выбор — typeahead.js
Если достаточно typeahead-а c простыми строками и неохота заморачиваться с CSS-ом — стоит посмотреть Bootstrap 3 Typeahead.
Комментарии