O Twitter bootstrap CSS + jQuery

Question

Acabei de descobrir uma conta no twitter boostrap

https://github.com/twbs/bootstrap

e eu estou querendo saber se existe um plugin de jquery para usar com ele.

Para popovers, modais, a ferramenta de dicas, alertas de mensagens, guias...

ou, por exemplo, usar isso como jquery-ui tema!

alguem sabe ?

Answer 1

Existe o Jquery UI Bootstrap: https://github.com/jquery-ui-bootstrap / jquery-ui-bootstrap

É uma porta Bootstrap na IU do jQuery.

Answer 2

Eu sei que o pessoal por trás do CSS Bootstrap do Twitter está trabalhando em um conjunto completo de plug-ins jQuery para oferecer suporte ao framework (pils, tabs etc.)

Eles serão lançados em breve, mas você já pode encontrá-los aqui, na versão beta 1.3 https://github.com/twitter/bootstrap/tree/1.3-wip

Procure na pasta docs e você encontrará o javascript.

Boa sorte!

Atualizar A versão 2.0 do Twitter Bootstrap foi lançada com muito mais recursos e exemplos de js. Twitter Bootstrap 2.0

Answer 3

O Twitter fornece instruções de Uso de Javascript com Bootstrap em http://twitter.github.com/bootstrap/#javascript .

A documentação detalhada pode ser encontrada em http://twitter.github.com/bootstrap/javascript.html .

Answer 4

Acredito que isso não seja um problema com o Bootstrap 2.0.Eles oferecem versões com estilo de bootstrap dos plug-ins jQuery mais populares, incluindo tudo no OP.

Há também o tema bootstrap para o projeto jQuery UI mencionado por outros, que não faz sentido para mim com o Bootstrap 2.0.Não faz sentido continuar usando jQuery UI se você está indo pela rota de bootstrap.

Além disso, para sua informação, muitos dos plug-ins jQuery do tipo "independente" podem ser usados facilmente com o Bootstrap.Eu uso o controle de seleção múltipla escolhido e alguns dos vários plug-ins de tag com um site de bootstrap, e funciona muito bem.Eu combino o CSS em um arquivo, refaço o estilo deles para parecerem bootstrap, e tudo bem.

Answer 5

Só sei https://github.com/pthrasher/jquery.bootstrapPopover Todo o resto é fácil de escrever sozinho.

Answer 6

Por que você não vai para seu tutorial aqui,
clique direito sobre a caixa de diálogo restrita e selecione inspect element,
copie todo o div onde diz

<div class="modal" ....

e o pop em seu css??Que vai dar o suficiente para iniciar com verbos modais..
Se você deseja twipsies e outras coisas interessantes de trabalho, você pode querer baixar e verificar o javascript application.js que vem com essa página também :)

Se você quer dizer não para alterar as cores onde quer, você deve encontrar as configurações de cor em preboot.less dentro de /lib pasta...
Algumas cores como o texto/textarea fronteiras são, no entanto, codificado em arquivos como forms.less,
se você quiser ajudar a modificá-los, você poderia perguntar de novo...

Answer 7

Ryan Bates tem um excelente tutorial aqui http://railscasts.com/episodes/328-twitter-bootstrap-basics É baseado em rails, mas eu, independentemente da linguagem de programação, acho que vai lhe dar uma boa visão geral do twitstrap!