twitter-bootstrap vs jquery-mobile [cerrado]


Me pregunto si alguien puede dar algún consejo sobre cuál es 'mejor'. Twitter-bootstrap o jQuery mobile?

Gracias, - peter

Author: Leopd, 2012-02-11

5 answers

No se si "mejor" es algo que puedes responder ya que sirven para diferentes propósitos. Bootstrap es una gran biblioteca CSS para todo uso, mientras que jQueryMobile está más cerca de un marco. Lo que significa que jQueryMobile no solo hace que sus páginas se vean bien, sino que ofrece muchas características orientadas a dispositivos móviles como-swipe-events, transiciones de página, permite aplicaciones de una sola página (ya que solo mostrará un único div con data-role = 'page' a la vez), API de precarga e historial de AJAX, y componentes/widgets. Mientras que bootstrap es principalmente una biblioteca CSS principalmente para escritorio, pero también funciona en dispositivos móviles, especialmente desde 2.0 viene con consultas de medios integradas. Bootstrap no te ayudará con listas táctiles, casillas de verificación, menú de selección, etc.

Una cosa más a señalar, jQueryMobile toma su marcado y lo viste con todo tipo de cosas bonitas usando JavaScript. Bootstrap tiene algo de javascript, pero solo para componentes opcionales, el resto es CSS.

Así que para responder En mi humilde opinión - si usted es un hacer una aplicación web que explícitamente planea utilizar principalmente en dispositivos móviles ir con jQueryMobile; Cualquier otra cosa ir con Bootstrap-es realmente bastante impresionante.

 163
Author: Danny C,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-23 14:40:42

JQuery mobile != twitter bootstrap. Twitter bootstrap se utiliza para crear diseños responsivos [un solo CSS puede funcionar tanto en tamaño de pantalla grande como pequeño]. jQuery mobile está diseñado para el desarrollo móvil. Por lo tanto, si desarrolla un sitio utilizando jQuery mobile no dará una buena consistencia de diseño en todos los navegadores de escritorio.

 20
Author: Praveen Vijayan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-03-12 12:01:43

Aunque estoy de acuerdo en que Twitter Bootstrap != jQuery Mobile, puede desarrollar sitios móviles con Bootstrap. Después de pasar los últimos meses desarrollando un sitio móvil usando jQuery Mobile, mi conclusión es esta:

El concepto detrás de jQuery Mobile es perfecto. El concepto de "página" se integra muy bien con las tecnologías del lado del servidor (ASP.Net MVC en mi caso). Le permite desarrollar páginas como archivos individuales, renderizados principalmente en el servidor, como ya está acostumbrado a hacer y probablemente deseo de hacer.

Sin embargo, en su estado actual, puede ser muy lento y con errores si intenta hacer demasiado con él. Me he encontrado con un problema tras otro en mi proyecto.

Así que diría, si su sitio no es demasiado complicado (por ejemplo, sin deslizar, sin asistentes), entonces vaya con jQuery Mobile. De lo contrario, piensa en esperar a que el proyecto madure. Ya casi está.

 17
Author: Josh Mouch,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-05 13:56:39

Creo que las principales diferencias son evidentes por la forma en que los dos proyectos se identifican a sí mismos:

Bootstrap: "Marco front-end elegante, intuitivo y potente para un desarrollo web más rápido y fácil."

[0] jQuery Mobile: "Marco web optimizado para el tacto para Teléfonos inteligentes y tabletas ."

Ambos marcos tienen como objetivo satisfacer diferentes necesidades y lograr diferentes cosas. He utilizado ambos en proyectos separados y cada uno de ellos tienen fortalezas y debilidades, pero sería un flaco favor para ambos compararlas directamente. Es nuestro trabajo como programadores/diseñadores/ingenieros decidir el objetivo de su proyecto y elegir la mejor herramienta para el trabajo.

 14
Author: TheBrockEllis,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-11-02 20:16:22

Depende de lo que vayas a hacer con él. Prefiero Bootstrap en la mayoría de los casos, porque me gusta el css base más se puede compilar con responsive.less así que tienes una versión móvil también. Iam mucho más rápido cuando prototipado con bootstrap porque es muy suelto acoplado y simplemente marcado (a excepción de los plugins, que son grandes también).

 7
Author: danwit,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-11 16:54:00