Question

我正在尝试将tagit与twitter bootstrap的typeahead功能集成在一起。

我知道tagit依赖于jquery UI自动完成等。是否可以使用twitters bootstrap？

基本上我想从tagit中获取的是让用户快速点击并从列表中删除项目，但不希望在我的网站上引入另一个java脚本库

Answer 1

Tagit很好，我还没找到合适的替代品。好消息是you don't need all of 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;
}

Answer 2

制作了一个小example，虽然很难看，但仍在工作。我在CSS样式方面实际上并不是很好，所以，希望你能对这个例子进行改进，使其完全正常。

Answer 3

如果你不介意jQuery UI依赖，你可以使用http://addyosmani.github.com/jquery-ui-bootstrap/来设计jQuery UI，使其看起来像默认的Bootstrap主题。它应该与Tag-it很好地结合 - 请告诉我，如果它没有，因为我自己还没有使用过它（我是Tag-it的作者）。

我可以在twitter bootstrap中使用tagit吗？

3 个答案: