Twitter Bootstrap vs jQuery UI?

Question

J'ai utilisé l'interface utilisateur jQuery pour certaines améliorations de page de base. Bouton et style de saisie et boîtes de dialogue modales. Maintenant, j'ai rencontré Bootstrap et ça a l'air plutôt bien.

Quelqu'un at-il une expérience quelconque de passer de l'utilisation de jQuery UI à Bootstrap? C'est ce que je pense faire, mais avant de le faire, j'aimerais savoir quels problèmes je pourrais rencontrer.

Answer 1

J'ai plusieurs projets.

La plus grande différence à mon avis

• jQuery UI est de repli sûr, il fonctionne correctement et semble bon dans les anciens navigateurs, où le Bootstrap est basé sur CSS3, ce qui signifie une GRANDE dans les nouveaux navigateurs, pas si grand dans le vieux

• Fréquence de mise à jour: Bootstrap est d'obtenir le gros des mises à jour avec impressionnant de nouvelles fonctionnalités, mais malheureusement, ils pourraient se briser code précédent, vous ne pouvez pas installer de démarrage et de mise à jour lorsqu'il y a une nouvelle version majeure, il nécessite beaucoup de nouveau codage

• jQuery UI est basée sur une bonne structure html avec des transformations à partir de JavaScript, tandis que le Bootstrap est basé sur le visuel et personnalisable inline structure. (appel d'un widget JQUERY UI, la définissant dans le Bootstrap)

Alors, que choisir?

Qui dépend toujours du type de projet sur lequel vous travaillez. C'est cool et rapide à la recherche de widgets mieux, ou sont vos utilisateurs en utilisant souvent les vieux navigateurs?

Je finis toujours à l'aide de deux, si je peux utiliser le meilleur des deux mondes.

Answer 2

Ayant utilisé les deux, de Twitter Bootstrap est une technologie supérieure ensemble. Voici quelques différences,

• Widgets: jQuery UI gagne ici. La date widget, il fournit est très utile, et Twitter Bootstrap offre rien de la sorte.
• Échafaudage: Bootstrap victoires ici. Twitter de la grille à la fois liquide et fixes sont de qualité supérieure. jQuery UI n'a même pas de fournir cette direction en laissant de mise en page jusqu'à l'utilisateur final.
• Hors de la boîte professionnalisme: Bootstrap à l'aide de CSS3 est lieues à l'avance, jQuery UI semble daté par comparaison.
• Icônes: je vais aller de l'égalité sur ce point. Bootstrap a plus agréable icônes à mon humble avis que jQuery UI, mais je n'aime pas les termes un peu, Glyphicons les Hobbits ne sont normalement pas disponibles gratuitement, mais un arrangement entre Bootstrap et les Glyphicons créateurs ont rendu cela possible, sans frais pour vous en tant que développeurs. Pour vous remercier, nous vous demandons d'inclure une option de lien de retour à la Glyphicons dans la mesure du possible.
• Les Images et les Vignettes: va à Bootstrap, jQuery UI n'a même pas de l'aide ici.

D'autres notes,

• Il est important de comprendre comment ces deux technologies en concurrence dans les domaines de trop. Il y a beaucoup de chevauchement, mais si vous voulez simple échafaudage fixe et/fluide la création de Bootstrap n'est pas une technologie, c'est le meilleur de la technologie. Si vous voulez tout seul widget, jQuery UI n'est probablement même pas dans le top trois. Aujourd'hui, jQuery UI est principalement juste un jouet pour des raisons de cohérence et de preuve de concept pour un côté client création de widgets à l'aide d'un cadre unifié.

Answer 3

Vous pouvez utiliser à la fois avec relativement peu de questions. Twitter Bootstrap utilise jQuery 1.7.1 (à ce jour), et je ne peux pas penser à des raisons pourquoi vous ne pouvez pas intégrer d'autres composants de l'INTERFACE utilisateur Jquery dans vos templates HTML.

J'ai été en utilisant une combinaison de HTML5 Boilerplate Et Twitter Bootstrap construit à Initializr.com. Cette combine deux superbes modèles de démarreur dans un grand démarreur de projet. Consultez les détails sur http://html5boilerplate.com/ et http://www.initializr.com/ Ou de commencer tout de suite, aller à http://www.initializr.com/, cliquez sur le "Bootstrap 2" bouton et cliquez sur "Télécharger". Cela vous donnera tous les js et css que vous avez besoin pour commencer.

Et ne soyez pas effrayés par le HTML5 et le CSS3. Initializr et HTML5 Boilerplate inclure des polyfills et IE code spécifique qui permettra à toutes les fonctionnalités de travailler dans IE 6, 7 8, et 9.

L'utilisation de MOINS en Twitter Bootstrap est également facultative. Ils utilisent MOINS de compiler toutes les CSS qui est utilisé par Bootstrap, mais si vous voulez juste pour remplacer ou ajouter vos propres styles, ils fournissent un vide fichier css à cette fin.

Il y a aussi un vide fichier js (script.js), vous permettant d'ajouter du code personnalisé. C'est l'endroit où vous souhaitez ajouter à vos gestionnaires ou des sélecteurs pour plus de jQueryUI composants.

Answer 4

Nous avons utilisé les deux et nous comme Bootstrap pour sa simplicité et le rythme auquel elle en train d'être développé et amélioré. Le problème avec jQuery UI est qu'il se déplace à la vitesse d'un escargot. C'est prendre des années à rouler des caractéristiques communes comme la barre de menu, contrôle de l'Arborescence et de la grille de données qui sont dans la planification et l'étape de développement pour toujours. Nous avons attendu attendu attendu et finalement abandonné et utilisé d'autres bibliothèques, comme ExtJS pour notre produit http://dblite.com.

Bootstrap est venu avec un ensemble complet de fonctionnalités dans un très court laps de temps, et je suis sûr qu'il va dépasser jQuery UI très bientôt.

Donc je ne vois pas en utilisant quelque chose qui finira par être obsolète...