web-dev-qa-db-fra.com

Puis-je utiliser bootstrap 3 avec jQuery Mobile?

J'ai lu de nombreux articles "bootstrap vs jQuery mobile". Il est clair que les deux objectifs sont différents. Alors qu'en est-il de les combiner?

En plus d'autres, j'aime les fonctionnalités de mise en page réactive du bootstrap. D'un autre côté, j'aime aussi l'approche "page" et les possibilités de jQuery mobile (y compris les événements de balayage, etc.) et les transitions.

Existe-t-il des projets professionnels combinant les deux? Ou quelqu'un a essayé de le faire et a échoué?

Je sais L'utilisation de Bootstrap avec jQuery Mobile ressemble à une question similaire mais elle est obsolète (se référant à bootstrap 2).

51
Tillito

Conclusion Je ne recommanderais pas de combiner JQuery Mobile et Bootstrap pour les projets complexes.

Connaissances JQM Nous construisons une série d'applications Web sophistiquées utilisant toutes JQuery Mobile (JQM) Framework. Nous avons passé plus d'un an à produire ceci et avons maintenant une connaissance assez raisonnable de JQM.

Points positifs: Certaines des fonctionnalités sont utiles telles que les pieds de page persistants et les composants adaptés aux mobiles qui donnent à l'application HTML5 une sensation assez native. Négatifs: Nous avons dû désactiver un grand nombre de fonctionnalités de JQM telles que le préchargement des pages pour créer la fonctionnalité complexe dont nous avions besoin.

Le résultat final est bon car nous avons trompé les développeurs iOS en leur faisant croire qu'il était natif.

Connaissance Bootstrap J'ai également récemment produit un site Web réactif en utilisant bootstrap pour annoncer le produit JQM ci-dessus et cela a fonctionné très bien ( http://www.sure-sense.com ).

Le combo J'ai essayé de combiner le bootstrap avec le projet JQM sur une application de tableau de bord mais qui a rapidement mis en évidence que le 2 frameworks ne sont pas compatibles. Le CSS de JQM marque les composants au-dessus du CSS bootstrap) et les résultats sont des composants ressemblant à JQM et d'autres comme bootstrap.

44
glimmer

Personnellement, je pense que jQuery Mobile a plus de fonctionnalités que vous n'en avez vraiment besoin, il vous enferme également dans un mode de construction qui n'est pas flexible. Cela commence à devenir bogué et désordonné lorsque vous avez de nombreux panneaux avec différentes animations et vous obtient généralement 80% du chemin très rapidement, mais prend ensuite beaucoup de temps pour faire des choses personnalisées.

J'utiliserais Twitter bootstrap puis j'ajouterais des plugins pour prendre en charge les fonctionnalités dont vous avez besoin.

Bootstrap a beaucoup de plugins non officiels que vous pouvez ajouter pour imiter la fonctionnalité de jQuery Mobile: http://bootsnipp.com/resources

il y a un guide ici pour utiliser les événements de balayage de jQuery Mobile uniquement: http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

Ou vous pouvez utiliser votre propre plugin pour ajouter manuellement les événements de balayage: http://stephband.info/jquery.event.swipe/

Si vous voulez un menu extensible dans la barre latérale, vous pouvez facilement l'ajouter vous-même:

-webkit-transition: width 0.35s ease;
-moz-transition: width 0.35s ease;
-o-transition: width 0.35s ease;
transition: width 0.35s ease;

http://jsfiddle.net/Osis/Mns8q/http://codepen.io/krichnafsky/pen/cuhkLhttp: //coding.smashingmagazine .com/2013/01/15/off-canvas-navigation-for-responsive-website /

26
Kim T

Pour le travail d'une seule personne, je ne pense pas que la solution ou le combo unique à choisir soit vraiment important, car c'est tout vous et le seul "vous" pour les faire fonctionner.

Cependant, pour un travail d'équipe, dans une entreprise ou même une entreprise, le travail contient le modèle Making + la mise en œuvre de l'application et les responsabilités vont respectivement à l'équipe de conception créative et à l'équipe informatique. La solution finale doit donc être OK avec ces deux équipes.

Pour notre entreprise, l'équipe de CD a tendance à utiliser BootStrap car ils sont invités à créer de nombreux modèles Web personnalisés à effets spéciaux, mais l'équipe informatique a déjà fait quelques applications jQM et elle aime l'utiliser pour l'avenir développement, donc un conflit.

À long terme, "Besoin de l'utilisateur" surmonte le conflit et nous allons maintenant utiliser le modèle BootStrap et essayer d'éviter d'utiliser jQM dans notre principal développement d'applications Web mobiles, au mieux.

Un choix pitoyable mais à accepter.

2
Scott Chu