2012-02-11 147 views

回答

163

我不知道“更好”是否可以回答,因为他们服务于不同的目的。 Bootstrap是非常好用的CSS库,而jQueryMobile更接近框架。含义jQueryMobile不仅仅让你的页面看起来很漂亮 - 它提供了许多面向移动的功能,例如滑动事件,页面转换,允许单页面应用程序(因为它只显示一个带有data-role =''的div页面“),AJAX预加载和历史记录API以及大量触控友好组件/小部件。尽管bootstrap主要是一个CSS库,主要用于桌面,但也适用于移动设备,尤其是2.0版内置了媒体查询.Bootstrap不会帮助您使用触控友好列表,复选框,选择菜单等。

还有一件事要指出的是,jQueryMobile将您的标记和使用JavaScript的各种漂亮东西装扮它。 Bootstrap具有一些JavaScript,但仅限于可选组件,其余部分是CSS。

因此,要回答恕我直言,如果你是一个Web应用程序,你明确打算主要使用移动设备上使用jQueryMobile; Bootstrap还有其他一些功能,它确实非常棒。

7

这取决于你打算用它做什么。在大多数情况下,我更喜欢Bootstrap,因为我喜欢base css plus,你可以用responsive.less进行编译,所以你也有一个移动版本。当使用bootstrap进行原型设计时,Iam会快得多,因为它非常松散,只是普通的标记(除了插件,这些都很棒)。

+1

使用jquery移动框架有助于根据应用程序的运行位置调整字体大小?因为我使用的是twitter bootstrap,当我在所有具有不同宽度的浏览器上运行我的应用程序以及安卓手机和平板电脑时,它工作正常,但它在iphone中运行时会创建字体大小问题。它在iPhone手机中呈现非常小尺寸的字体。这背后的原因是什么? – Priyanka 2013-06-15 09:39:35

+1

@Priyanka在我看来你错过了一个视口。 :) – 2015-12-11 12:15:32

20

jQuery mobile!= twitter bootstrap。 Twitter引导程序用于创建响应式布局[一个CSS可以处理大和小屏幕尺寸]。 jQuery手机旨在用于移动开发。因此,如果您使用jQuery手机开发网站,则不会在所有桌面浏览器中提供良好的布局一致性。

14

我认为主要的差异,通过这两个项目是如何确定自己是显而易见的:

引导: “为更快,更容易Web开发圆滑,直观,强大的前端框架。”

jQuery Mobile的: “触控优化的Web框架智能手机&片。”

这两个框架旨在满足不同的需求和完成不同的事情。我已经将他们两人用于不同的项目,并且他们每个人都有长处和短处,但是直接比较它们是不利的。这是我们作为程序员/设计师/工程师的职责,可以为您的项目决定目标并为工作选择最佳工具。

17

虽然我同意Twitter Bootstrap!= jQuery Mobile,但您可以使用Bootstrap开发移动网站。在花了几个月的时间开发一个使用jQuery Mobile的移动网站之后,我的结论是:

jQuery Mobile背后的概念非常完美。 “页面”概念与服务器端技术(我的案例中的ASP.Net MVC)很好地集成在一起。它允许您将页面作为单独的文件进行开发,主要在服务器上进行渲染,因为您已经习惯了并可能希望这样做。

但是,在目前的状态下,如果您尝试过多地使用它,它会变得非常缓慢并且非常麻烦。在我的项目中出现问题后,我遇到了问题。所以我想说,如果你的网站不是太复杂(例如没有刷卡,没有向导),那么就用jQuery Mobile吧。否则,请考虑等待项目成熟。几乎在那里。

+4

在你最后一次转世时,你的意思是“那么去与jQuery Mobile”?而不是相反? – Tillito 2013-09-05 12:38:03

+0

这不是它说的吗? – 2013-09-05 16:41:16

+1

对不起,也许我的英文不太好:但在第二和第三篇文章中,你说为什么不使用jquery,结论是你推荐它呢? (所以你这样做,这就是我最想知道的:-)) – Tillito 2013-09-05 16:45:50