Могу ли я использовать tagit с twitter bootstrap?

Я пытаюсь интегрировать tagit с twitter bootstrap typeahead.

Я знаю, что tagit полагается на пользовательский интерфейс jquery для автозаполнения и т.д. Можно ли вместо этого использовать twitters bootstrap?

В основном все, что я хочу от tagit, - это позволить пользователю быстро щелкнуть и удалить элементы из списка, но предпочтет не вводить другую библиотеку java script на моем сайте

Ответ 1

Tagit хорош, и я не нашел подходящей замены. Хорошая новость: вам не нужен весь JQuery-UI, и вы можете самостоятельно вставить тег, чтобы выглядеть хорошо с помощью Bootstrap.

SCSS:

ul.tagit {
  margin-left: 0;
  input { @include box-shadow(none); }
}

CSS

ul.tagit {
  margin-left: 0;
}
ul.tagit input { 
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}

Ответ 2

Сделал небольшой пример, который работает, хотя и уродливый. На самом деле, я не очень хорошо разбираюсь в стилях CSS, поэтому, надеюсь, вы сделаете улучшения в этом примере, чтобы все было в порядке.

Ответ 3

Если вы не против зависимости jQuery UI, вы можете использовать http://addyosmani.github.com/jquery-ui-bootstrap/ для стилизации пользовательского интерфейса jQuery, чтобы выглядеть как тема Bootstrap по умолчанию, Он должен хорошо играть с Tag-it - пожалуйста, дайте мне знать, если это не так, как я еще не использовал его сам (я являюсь автором Tag-it).