我可以在 twitter 引导程序中使用 tagit 吗？答案

【问题标题】：Can I use tagit with twitter bootstrap?我可以在 twitter 引导程序中使用 tagit 吗？
【发布时间】：2012-04-12 14:02:33
【问题描述】：

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

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

基本上，我对 tagit 的所有要求是让用户快速单击并从列表中删除项目，但不希望在我的网站上引入另一个 java 脚本库

【问题讨论】：

这里还有一个多预输入版本：github.com/twitter/bootstrap/pull/2007。但它仍然是文本。
这让我更接近。现在，如果我可以添加完美的 tagit 样式:)
是的，我也很感兴趣。我会检查这个问题以获取进一步的更新。另请注意，修改后的插件允许重复条目。
喜欢你的问题。我一直在努力让 typeahead+tagsinput 在 Bootstrap 3 中协同工作，但没有成功。我知道 TagIt 的存在，但我不想将 jQueryUI 与 Bootstrap 一起使用。我将尝试下面发布的答案。

标签： jquery tags twitter-bootstrap

【解决方案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;
}

【讨论】：

嗨，你能把那个小 SCSS sn-p 渲染成普通的 CSS 吗？这将有助于像我这样的懒惰的 Windows 用户......

【解决方案2】：

做了一个小的example，虽然有点丑，但它可以工作。我在 CSS 样式方面实际上并不是很擅长，因此，希望您对这个示例进行改进以使其完全正常。

【讨论】：

【解决方案3】：

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

【讨论】：

嘿，我可以扩展 tag-it 以使用 bootstrap typeahead 吗？关于如何做到这一点的任何想法都会有很大帮助。
@gauravgat 我想要更好的引导支持。我有一个正在进行中的 CSS 版本，它将删除 jQuery UI CSS 依赖项并允许 tagit 由 bootstrap 的 CSS 设置样式。我想下一步将允许将 jQuery UI 自动完成替换为预先输入......我还没有关于如何做到这一点的想法，不期待它 tbh :) 因为我想让 API 保持简单。
我刚用 bootstrap 3.0 试了一下，结果坏了 :-) 我猜你的意思是，替换 bootstrap？我可以建议，只需添加一个在引导下工作的 CSS 版本吗？我自己最终会这样做，可能