Twitter 引导 CSS + jQuery答案

【问题标题】：Twitter bootstrap CSS + jQueryTwitter 引导 CSS + jQuery
【发布时间】：2011-11-11 23:37:55
【问题描述】：

我刚刚发现了 twitter-boostrap

我想知道是否有一个 jquery 库可以使用它。

对于弹出框、模式、工具提示、警报消息、选项卡...

或者例如，将其用作 jquery-ui 主题！

有人知道吗？

【问题讨论】：

twitterboostrap 是较少的 css 框架。因此，例如，您可以将这个较少的 jquery 样式表用作 jqueryui 主题（用于模态框、弹出框...）

【解决方案1】：

它是 jQuery UI 上的 Bootstrap 端口。

【讨论】：

【解决方案2】：

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

它们即将发布，但您已经可以在此处找到它们，在 beta 1.3 版本中https://github.com/twitter/bootstrap/tree/1.3-wip

查看 docs 文件夹，您会找到 javascript。

祝你好运！

更新 Twitter Bootstrap 2.0 版已经发布，其中包含更多功能和 js 示例。 Twitter Bootstrap 2.0

【讨论】：

【解决方案3】：

Twitter 在http://twitter.github.com/bootstrap/#javascript 提供了使用 Javascript 和 Bootstrap 说明。

【讨论】：

【解决方案4】：

我相信这不是 Bootstrap 2.0 的问题。他们提供最流行的 jQuery 插件的引导样式版本，包括 OP 中的所有内容。

还有其他人提到的 jQuery UI 项目的 bootstrap 主题，这对我使用 Bootstrap 2.0 没有意义。如果你要走引导路线，继续使用 jQuery UI 是没有意义的。

另外，仅供参考，许多“独立”类型的 jQuery 插件都可以轻松地与 Bootstrap 一起使用。我使用 Chosen 多选控件和一些带有引导站点的各种标签插件，它工作得很好。我将 CSS 合并到一个文件中，重新设置它们的样式，使其看起来像引导程序，一切都很好。

【讨论】：

【解决方案5】：

我只知道https://github.com/pthrasher/jquery.bootstrapPopover 其他一切都很容易，您可以自己编写。

【讨论】：

【解决方案6】：

你为什么不去their tutorial here，
右键单击模态框并选择inspect element,
复制整个div 它说的地方

<div class="modal" ....

然后弹出他们的css？？这足以从模态开始..
如果您希望 twipsies 和其他有趣的东西正常工作，您可能需要下载并检查该页面附带的 javascript application.js :)

如果您不想在任何地方更改颜色，您应该在 /lib 文件夹内的 preboot.less 中找到所有颜色设置...
然而，像文本框/文本区域边框这样的颜色很少在像forms.less这样的文件中硬编码，
如果您需要帮助修改它们，您可以再次询问...

【讨论】：

【解决方案7】：

Ryan Bates 在这里有一个很棒的教程 http://railscasts.com/episodes/328-twitter-bootstrap-basics 它是基于 Rails 的，但我不管是哪种编程语言，我认为它会给你一个很好的 twitstrap 概述！

【讨论】：