twitter-bootstrap vs jquery-mobile [geschlossen]

108

Ich frage mich, ob jemand einen Rat geben kann, welcher "besser" ist. Twitter-Bootstrap oder JQuery Mobile?

Danke, Peter

cfpete
quelle

Antworten:

163

Ich weiß nicht, ob "besser" etwas ist, das Sie beantworten können, da sie unterschiedlichen Zwecken dienen. Bootstrap ist eine großartige Allzweck-CSS-Bibliothek, während jQueryMobile näher an einem Framework liegt. Das bedeutet, dass jQueryMobile Ihre Seiten nicht nur schön aussehen lässt, sondern auch viele mobil ausgerichtete Funktionen wie Swipe-Ereignisse und Seitenübergänge bietet und Anwendungen für einzelne Seiten ermöglicht (da nur ein einziges div mit data-role = 'angezeigt wird. Seite 'zu einer Zeit), AJAX-Preload- und Verlaufs-API und viele berührungsfreundliche Komponenten / Widgets. Während Bootstrap in erster Linie eine CSS-Bibliothek ist, die hauptsächlich für den Desktop gedacht ist, funktioniert sie auch auf Mobilgeräten, zumal 2.0 über integrierte Medienabfragen verfügt. Bootstrap hilft Ihnen nicht bei berührungsfreundlichen Listen, Kontrollkästchen, ausgewählten Menüs usw.

Eine weitere Sache, auf die Sie hinweisen sollten: jQueryMobile nimmt Ihr Markup und kleidet es mit JavaScript mit allerlei hübschen Dingen. Bootstrap hat etwas Javascript, aber nur für optionale Komponenten, der Rest ist CSS.

Um IMHO zu antworten: Wenn Sie eine Webanwendung erstellen, die Sie explizit hauptsächlich auf Mobilgeräten verwenden möchten, wählen Sie jQueryMobile. Alles andere passt zu Bootstrap - es ist wirklich großartig.

Danny C.
quelle
20

jQuery mobile! = Twitter-Bootstrap. Der Twitter-Bootstrap wird verwendet, um reaktionsschnelle Layouts zu erstellen [ein einzelnes CSS kann sowohl auf großen als auch auf kleinen Bildschirmen verwendet werden]. jQuery Mobile ist für die mobile Entwicklung vorgesehen. Wenn Sie also eine Site mit jQuery Mobile entwickeln, erhalten Sie nicht in allen Desktop-Browsern eine gute Layoutkonsistenz.

Praveen Vijayan
quelle
17

Ich bin damit einverstanden, dass Twitter Bootstrap! = JQuery Mobile, aber Sie können mobile Websites mit Bootstrap entwickeln. Nachdem ich die letzten Monate damit verbracht habe, eine mobile Website mit jQuery Mobile zu entwickeln, komme ich zu folgendem Schluss:

Das Konzept hinter jQuery Mobile ist perfekt. Das "Seiten" -Konzept lässt sich sehr gut in serverseitige Technologien integrieren (in meinem Fall ASP.Net MVC). Sie können Seiten als einzelne Dateien entwickeln, die größtenteils auf dem Server gerendert werden, wie Sie es bereits gewohnt sind und wahrscheinlich möchten.

Im aktuellen Zustand kann es jedoch sehr langsam und sehr fehlerhaft werden, wenn Sie versuchen, zu viel damit zu tun. Ich bin in meinem Projekt auf ein Problem nach dem anderen gestoßen.

Ich würde also sagen, wenn Ihre Website nicht zu kompliziert ist (z. B. kein Wischen, keine Assistenten), dann entscheiden Sie sich für jQuery Mobile. Denken Sie andernfalls daran, auf die Reifung des Projekts zu warten. Es ist fast da.

Josh Mouch
quelle
5
Meinten Sie in Ihrer letzten Stellungnahme "Dann gehen Sie mit jQuery Mobile"? Nicht das Gegenteil?
Tillito
Ist es nicht das, was es sagt?
Josh Mouch
1
Entschuldigung, vielleicht ist mein Englisch nicht so gut: aber im 2. und 3. Artikel sagst du, warum du nicht jquery verwenden sollst und die Schlussfolgerung ist, dass du es trotzdem empfehlen würdest? (Also das tust du, das wollte ich vor allem wissen :-))
Tillito
3
"Wenn Ihre Website nicht zu kompliziert ist" ist die Schlüsselbedingung. Ich mag jQuery Mobile und es ist Design, aber es ist nicht ganz da.
Josh Mouch
14

Ich denke, die Hauptunterschiede zeigen sich darin, wie sich die beiden Projekte identifizieren:

Bootstrap: "Schlankes, intuitives und leistungsstarkes Front-End-Framework für eine schnellere und einfachere Webentwicklung ."

jQuery Mobile: "Touch-optimiertes Web Framework für Smartphones und Tablets ."

Beide Frameworks zielen darauf ab, unterschiedliche Bedürfnisse zu erfüllen und unterschiedliche Ziele zu erreichen. Ich habe beide in separaten Projekten verwendet und jedes hat Stärken und Schwächen, aber es wäre für beide ein schlechter Dienst, sie direkt zu vergleichen. Es ist unsere Aufgabe als Programmierer / Designer / Ingenieure, das Ziel für Ihr Projekt zu bestimmen und das beste Werkzeug für den Job auszuwählen.

TheBrockEllis
quelle
7

Es hängt davon ab, was Sie damit machen werden. In den meisten Fällen bevorzuge ich Bootstrap, weil mir das Basis-CSS plus gefällt, mit dem Sie kompilieren können, responsive.lesssodass Sie auch eine mobile Version haben. Ich bin viel schneller beim Prototyping mit Bootstrap, weil es sehr locker gekoppelt ist und nur ein einfaches Markup (mit Ausnahme der Plugins sind diese auch großartig).

Danwit
quelle
1
Hilft die Verwendung des mobilen Frameworks von jquery beim Anpassen der Schriftgröße, je nachdem, wo die Anwendung ausgeführt wird? Weil ich Twitter Bootstrap verwende und es gut funktioniert, wenn ich meine Anwendung auf allen Browsern mit unterschiedlicher Breite und Android-Handys und -Tablets ausführe, aber es führt zu Problemen mit der Schriftgröße, wenn es auf dem iPhone ausgeführt wird. Es rendert sehr kleine Schriftarten in iPhone-Handys. Was kann der Grund dafür sein?
Priyanka
1
@Priyanka Mir scheint, Sie haben dort ein Ansichtsfenster verpasst. :)
Carlos F