108 votes

Puis-je utiliser Twitter Bootstrap et jQuery UI en même temps ?

J'utilise Twitter Bootstrap et je veux utiliser un "auto-suggest" qui n'est pas disponible dans Bootstrap, alors que jQuery UI a ses propres méthodes pour l'auto-suggest.

Puis-je utiliser les deux ? Cela va-t-il surcharger la bande passante ?

83voto

sdolan Points 15572

Vérifiez jquery-ui-bootstrap . Dans le fichier README :

Bootstrap de Twitter était l'un de mes projets préférés en 2011. 2011, mais après l'avoir utilisé régulièrement, il m'a laissé sur ma faim :

La possibilité de travailler côte à côte avec jQuery UI (ce qui a provoqué la rupture visuelle de plusieurs widgets). a provoqué la rupture visuelle d'un certain nombre de widgets). les widgets jQuery UI en utilisant les styles Bootstrap. Bien que j'adore jQuery UI, je trouve (comme d'autres) que certaines des fonctionnalités de jQuery UI sont insuffisantes. (comme d'autres) je trouve que certains des thèmes actuels sont un peu dépassés. Mon espoir est que ce thème offre une alternative décente pour d'autres personnes qui pensent la même chose. Pour clarifier, ce projet n'a pas pour but ou intention de remplacer Twitter Bootstrap. Il fournit simplement un thème compatible avec jQuery UI, inspiré de Bootstrap. compatible avec jQuery UI et inspiré du design de Bootstrap. Il fournit également une version de Bootstrap CSS avec quelques sections (mineures) commentées qui permettent au le thème de fonctionner en parallèle.

62voto

Eonasdan Points 3788

Juste pour mettre à jour ceci, bootstrap v2 n'entre plus en conflit avec jquery ui

https://github.com/twbs/bootstrap/issues/171

Modifier comme @Freshblood, il y a quelques éléments qui entrent encore en conflit. Cependant, comme indiqué à l'origine, Twitter suggère qu'ils travaillent sur ce point et que cela fonctionne en grande partie, surtout par rapport à la v1.

24voto

T0xicCode Points 1062

Pour référence future (puisque c'est la meilleure réponse de Google ATM), pour empêcher jQuery UI de remplacer le style de bootstrap ou votre style personnalisé, vous devez créer un téléchargement personnalisé et sélectionner l'option no-theme thème. Cela ne comprendra que les réinitialisations de jQuery UI, et ne surchargera pas le style de bootstrap pour divers éléments.

Pendant que nous y sommes, certains composants de l'interface utilisateur jQuery (comme le datepicker) ont une implémentation bootstrap native. Les implémentations bootstrap natives utiliseront les classes, attributs et layouts css bootstrap, et devraient donc avoir une meilleure intégration avec le reste du framework.

3voto

fluxcapacitor Points 7

Dans mon expérience limitée, je rencontre également des problèmes. Il semble que les éléments JQuery (tels que les boutons) puissent être stylisés à l'aide du CSS de bootstrap. Cependant, je rencontre des problèmes lorsque je crée un onglet JQuery UI et que je veux verrouiller une entrée uniquement bootstrap (en utilisant la classe input-append) au bas de chaque onglet, seul le premier s'affiche correctement. Donc, onglets JQuery + boutons Bootstrap = probablement pas.

1voto

Benny Tjia Points 3285

Oui, vous pouvez utiliser les deux. js bootstrap de twitter est une collection de plugins jquery. Il ne devrait pas y avoir de conflit avec jQuery UI.

En ce qui concerne la surcharge de la bande passante, cela dépend vraiment de la façon dont vous gérez les demandes de chargement de tous vos fichiers js. Si vous ne voulez vraiment pas faire de multiples demandes au serveur pour demander chaque fichier, il suffit de les regrouper et de minimiser. Ou vous pouvez probablement vous débarrasser de certains plugins js bootstrap dont vous n'avez pas besoin. Il est très modulaire.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X