Twitter Bootstrap CSS + jQuery

Question

Ich entdecke gerade Twitter-Boostrap

https://github.com/twbs/bootstrap

und ich frage mich, ob es eine JQuery-Bibliothek gibt, die damit verwendet werden kann.

Für Popover, Modalitäten, QuickInfos, Warnmeldungen, Registerkarten ...

oder verwenden Sie dies beispielsweise als jquery-ui-Thema!

weiß jemand?

Answer 1

Es gibt Jquery UI Bootstrap: https://github.com/jquery-ui-bootstrap / jquery-ui-bootstrap

Es ist ein Bootstrap-Port auf der jQuery-Benutzeroberfläche.

Answer 2

Ich weiß, dass die Leute hinter dem CSS-Bootstrap von Twitter an einem vollständigen Satz von jQuery-Plugins arbeiten, um das Framework (Pils, Tabs usw.) zu unterstützen.

Sie sollen bald veröffentlicht werden, aber Sie können sie bereits hier in der Beta 1.3-Version https://github.com/twitter/bootstrap/tree/1.3-wip

Wenn Sie in den Ordner docs schauen, finden Sie das Javascript.

Viel Glück!

Aktualisierung Version 2.0 von Twitter Bootstrap wurde mit viel mehr Funktionen und js Beispielen veröffentlicht. Twitter Bootstrap 2.0

Answer 3

Twitter bietet Anweisungen zum Verwenden von Javascript mit Bootstrap unter http://twitter.github.com/bootstrap/#Javascript .

Eine ausführliche Dokumentation finden Sie unter http://twitter.github.com/bootstrap/javascript.HTML .

Answer 4

Ich glaube, dies ist kein Problem mit Bootstrap 2.0.Sie bieten Bootstrap-Versionen der beliebtesten jQuery-Plugins, einschließlich aller im OP enthaltenen Elemente.

Es gibt auch das von anderen erwähnte Bootstrap-Thema für das jQuery UI-Projekt, das für mich mit Bootstrap 2.0 keinen Sinn ergibt.Es ist nicht sinnvoll, die jQuery-Benutzeroberfläche weiterhin zu verwenden, wenn Sie die Bootstrap-Route verwenden.

Außerdem können viele der "unabhängigen" jQuery-Plugins problemlos mit Bootstrap verwendet werden.Ich verwende das ausgewählte Mehrfachauswahl-Steuerelement und einige der verschiedenen Tag-Plugins mit einer Bootstrap-Site, und es funktioniert einwandfrei.Ich kombiniere das CSS in einer Datei, gestalte sie neu, damit sie wie ein Bootstrap aussehen, und alles gut.

Answer 5

Ich kenne nur https://github.com/pthrasher/jquery.bootstrapPopover Alles andere ist einfach genug, um es selbst zu schreiben.

Answer 6

Warum gehen Sie nicht zu ihrem Tutorial hier ,
Klicken Sie mit der rechten Maustaste auf das modale Feld und wählen Sie inspect element,
Kopieren Sie den gesamten div mit der Aufschrift

<div class="modal" ....

und Pop in ihrem CSS?Das gibt genug, um mit Modalitäten zu beginnen.
Wenn Sie möchten, dass Twipsies und andere interessante Dinge funktionieren, können Sie den generischen Javascript-Code herunterladen und überprüfen, der auch mit dieser Seite geliefert wird :)

Wenn Sie die Farben nirgendwo ändern möchten, sollten Sie alle Farbeinstellungen im application.js im Ordner / lib finden ...
Nur wenige Farben wie Textfeld- / Textbereichsränder sind jedoch in Dateien wie preboot.less
fest codiert Wenn Sie Hilfe beim Ändern benötigen, können Sie erneut nachfragen ...

Answer 7

Ryan Bates hat hier ein hervorragendes Tutorial http://railscasts.com/episodes/328-twitter-bootstrap-basics Es basiert auf Rails, aber ich denke, unabhängig von der Programmiersprache gibt es Ihnen einen guten Überblick über Twitstrap!