Twitter 引导程序 CSS + jQuery
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/7331425/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Twitter bootstrap CSS + jQuery
提问by Dragouf
I just discover twitter-boostrap
我刚刚发现 twitter-boostrap
https://github.com/twbs/bootstrap
https://github.com/twbs/bootstrap
and I'm wondering if there is a jquery library to use with it.
我想知道是否有一个 jquery 库可以使用它。
For popovers, modals, tool tips, alerts messages, tabs...
对于弹出框、模态、工具提示、警报消息、标签...
or for example, use this as jquery-ui theme!
或者例如，将其用作 jquery-ui 主题！
anyone know ?
有人知道吗？
回答by ntheitroadbizarre
There is Jquery UI Bootstrap: https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap
有 Jquery UI Bootstrap：https: //github.com/jquery-ui-bootstrap/jquery-ui-bootstrap
It's a Bootstrap port on jQuery UI.
它是 jQuery UI 上的 Bootstrap 端口。
回答by Erik
I know the guys behind Twitter's CSS Bootstrap is working on a complete set of jQuery plugins to supprt the framework (pils, tabs etc.)
我知道 Twitter 的 CSS Bootstrap 背后的人正在开发一套完整的 jQuery 插件来支持框架（pils、tabs 等）
They are to be released soon but you can already find them here, in the beta 1.3 release https://github.com/twitter/bootstrap/tree/1.3-wip
它们将很快发布，但您已经可以在这里找到它们，在 beta 1.3 版本中https://github.com/twitter/bootstrap/tree/1.3-wip
Look in the docs folder and you'll find the javascript.
查看 docs 文件夹，您会找到 javascript。
Good luck!
祝你好运！
UpdateVersion 2.0 of Twitter Bootstrap have been released with a lot more features and js examples. Twitter Bootstrap 2.0
Twitter Bootstrap 的更新版本 2.0 已发布，其中包含更多功能和 js 示例。推特引导程序 2.0
回答by Andrew Ferk
Twitter provides Using Javascript with Bootstrap instructions at http://twitter.github.com/bootstrap/#javascript.
Twitter 在http://twitter.github.com/bootstrap/#javascript上提供了使用 Javascript 和 Bootstrap 说明。
Detailed documentation can be found at http://twitter.github.com/bootstrap/javascript.html.
可以在http://twitter.github.com/bootstrap/javascript.html找到详细的文档。
回答by GatorBait
I believe this is a non-issue with Bootstrap 2.0. They offer bootstrap-styled versions of the most popular jQuery plugins, including everything in the OP.
我相信这对于 Bootstrap 2.0 来说不是问题。他们提供了最流行的 jQuery 插件的引导式版本，包括 OP 中的所有内容。
There is also the bootstrap theme for jQuery UI project mentioned by others, which doesn't make sense to me with Bootstrap 2.0. Does not make sense to keep using jQuery UI if you are going the bootstrap route.
还有其他人提到的jQuery UI项目的bootstrap主题，这对Bootstrap 2.0没有意义。如果您要走引导程序路线，继续使用 jQuery UI 是没有意义的。
Also, FYI, many of the "independent" type jQuery plugins are able to be used easily with Bootstrap. I use the Chosen multi-select control and some of the various tag plugins with a bootstrap site, and it works just fine. I combine the CSS into one file, re-style them to look like bootstrap, and all good.
此外，仅供参考，许多“独立”类型的 jQuery 插件都可以轻松地与 Bootstrap 一起使用。我使用 Chosen 多选控件和一些带有引导站点的各种标签插件，它工作得很好。我将 CSS 合并到一个文件中，重新设置它们的样式以使其看起来像引导程序，一切都很好。
回答by binarious
I just know https://github.com/pthrasher/jquery.bootstrapPopoverEverything else is easy enough to write it on your own.
我只知道https://github.com/pthrasher/jquery.bootstrapPopover其他一切都很容易，可以自己编写。
回答by Shrinath
Why don't you go over to their tutorial here,
right click on the modal box and select inspect element,
copy the whole divwhere it says
你为什么不在这里转到他们的教程，
右键单击模式框并选择inspect element，
复制整个div它说的地方
<div class="modal" ....
<div class="modal" ....
and pop in their css?? That'll give enough to start with modals..
If you want twipsies and other interesting stuff working, you may want to download and check the javascript application.jsthat comes with that page too :)
并弹出他们的css？这足以从模态开始..
如果您想要 twipsies 和其他有趣的东西工作，您可能还想下载并检查该application.js页面附带的 javascript :)
If you mean't to change the colors wherever, you should find all the color settings in preboot.lessinside the /lib folder...
Few colors like textbox/textarea borders, are however hardcoded in files like forms.less,
if you want help modifying them, you could ask again...
如果您不想在任何地方更改颜色，您应该preboot.less在 /lib 文件夹中找到所有颜色设置...
很少有像 textbox/textarea 边框这样的颜色被硬编码在文件中forms.less，
如果您需要帮助修改它们，您可以再问...
回答by Mark Locklear
Ryan Bates has an excellent tutorial here http://railscasts.com/episodes/328-twitter-bootstrap-basicsIt is rails based, but I regardless of the programming language I think it will give you a good overview of twitstrap!
Ryan Bates 在这里有一个很棒的教程http://railscasts.com/episodes/328-twitter-bootstrap-basics它是基于 Rails 的，但我不管编程语言如何，我认为它会给你一个很好的 twitstrap 概述！
