Twitter 引导 CSS + jQuery

Posted 2023-05-08

【中文标题】Twitter 引导 CSS + jQuery

【英文标题】：Twitter bootstrap CSS + jQuery

【发布时间】：2011-11-11 23:37:55

【问题描述】：

我刚刚发现了 twitter-boostrap

https://github.com/twbs/bootstrap

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

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

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

有人知道吗？

【问题讨论】：

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

【参考方案1】：

有Jquery UI Bootstrap：https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap

它是 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

【讨论】：

非常好的信息，目前是很好的答案 :)。也许此时没有其他图书馆。

这里是“官方”版本：twitter.github.com/bootstrap/javascript.html#modal

【参考方案3】：

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

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

【参考方案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 概述！