Twitter Bootstrap CSS + jQuery

Question

我刚刚发现了 Twitter-Bootstrap。

https://github.com/twbs/bootstrap

我想知道是否有与之配套使用的 jQuery 库。

例如用于弹出框、模态框、工具提示、警告消息、选项卡等等。

或者，例如将其用作 JQuery-UI 主题！

有人知道吗？

- Dragouf

---

Twitter Bootstrap是一种较少的CSS框架。因此，您可以使用此Less jQuery样式表作为jQueryUI主题（用于模态框，弹出窗口等）。 - Dragouf

Answer 1

有一个名为Jquery UI Bootstrap的项目：https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap

它是对jQuery UI进行Bootstrap移植的工具。

- noirbizarre

---

我认为这是现在最好的答案 :) - Dragouf

Answer 2

我知道Twitter的CSS Bootstrap的背后人员正在开发一套完整的jQuery插件来支持这个框架（如pils、tabs等）。

这些插件即将发布，但你已经可以在beta 1.3版本中找到它们，链接在此：https://github.com/twitter/bootstrap/tree/1.3-wip

在文档文件夹中查找JavaScript代码。

祝好运！

更新 Twitter Bootstrap 2.0版本已发布，具有更多功能和JavaScript示例。 Twitter Bootstrap 2.0

- Erik

---

非常好的信息，目前是一个很好的答案 :). 或许现在没有其他库。 - Dragouf

这是“官方”版本：http://twitter.github.com/bootstrap/javascript.html#modal - tsimbalar

Answer 3

Twitter提供了使用Javascript与Bootstrap的说明，网址为http://twitter.github.com/bootstrap/#javascript。

详细文档可以在http://twitter.github.com/bootstrap/javascript.html中找到。

- Andrew Ferk

Answer 4

我认为这在Bootstrap 2.0中不是问题。他们提供了最流行的jQuery插件的bootstrap样式版本，包括OP中的所有内容。

还有其他人提到的jQuery UI Bootstrap主题项目，我觉得在使用Bootstrap 2.0时没有意义。如果你选择Bootstrap路线，继续使用jQuery UI没有意义。

另外，很多“独立”的jQuery插件也可以轻松地与Bootstrap一起使用。我在Bootstrap网站上使用了Chosen多选控件和一些各种标签插件，效果很好。我将CSS合并成一个文件，重新设计成Bootstrap风格，就一切正常了。

- GatorBait

Answer 5

我只知道https://github.com/pthrasher/jquery.bootstrapPopover，其他的内容都足够简单，可以自己编写。

- binarious

---

我之前知道这个。它只是用于弹出窗口。但对于模态框呢？ - Dragouf

也许现在还为时过早。基本上，您只需要使用正确的类创建标记以使模态对话框正常工作。 - binarious

Answer 6

Ryan Bates在这里有一个非常优秀的教程 http://railscasts.com/episodes/328-twitter-bootstrap-basics。虽然它是基于Rails的，但无论使用什么编程语言，我认为它都能给你提供twitstrap的良好概述！

- Mark Locklear

Answer 7

为什么不去这里的教程，
右键单击模态框并选择检查元素，
复制整个div，其中写着

<div class="modal" ....

然后插入他们的CSS？？那就足够开始使用模态框了...
如果你想让twipsies和其他有趣的东西工作，你可能需要下载并检查该页面附带的javascript application.js :)

如果你想改变颜色，你应该在/lib文件夹中找到所有的颜色设置...
一些颜色，如文本框/文本区域边框，是硬编码在像forms.less这样的文件中的，
如果你想修改它们，可以再次提问...

- Shrinath