twitter-bootstrap与jquery-mobile [关闭]


Answers:


163

我不知道“更好”是否可以回答,因为它们有不同的用途。Bootstrap是很棒的通用CSS库,而jQueryMobile更接近框架。意味着jQueryMobile不仅使您的页面看起来更好-还提供了许多面向移动的功能,例如-滑动事件,页面转换,允许单页面应用程序(因为它将仅显示一个带data-role =的div)一次),AJAX预加载和历史记录API,以及许多触摸友好的组件/小工具。引导程序最主要是一个CSS库,主要用于台式机,但也可以在移动设备上使用,特别是因为2.0内置了媒体查询功能。引导程序无法帮助您使用友好的触摸列表,复选框,选择菜单等。

需要指出的另一件事是,jQueryMobile使用您的标记并使用JavaScript将其修饰为各种漂亮的东西。Bootstrap具有一些javascript,但是仅用于可选组件,其余为CSS。

因此,要回答恕我直言,如果您正在制作一个明确打算主要在移动设备上使用的Web应用程序,请与jQueryMobile一起使用;Bootstrap还有其他功能-确实很棒。


20

jQuery mobile!= Twitter引导程序。Twitter引导程序用于创建响应式布局(单个CSS可以在大屏幕和小屏幕上工作)。jQuery mobile用于移动开发。因此,如果您使用jQuery mobile开发站点,则不会在所有桌面浏览器中提供良好的布局一致性。


17

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

jQuery Mobile背后的概念非常完美。“页面”概念与服务器端技术(本例中为ASP.Net MVC)很好地集成在一起。它使您可以将页面开发为单独的文件,主要在服务器上呈现,就像您已经习惯并且可能想要做的那样。

但是,在当前状态下,如果尝试对其进行过多处理,可能会变得非常缓慢且容易出错。我在项目中遇到了一个又一个的问题。

因此,我想说的是,如果您的网站不太复杂(例如,无需刷卡,无需向导),则可以使用jQuery Mobile。否则,请考虑等待项目成熟。快到了。


5
在您的最后一句话中,您是说“然后使用jQuery Mobile”吗?不是相反吗?
Tillito

这不是在说什么吗?
Josh Mouch 2013年

1
抱歉,也许我的英语不太好:但是在第二篇和第三篇文章中,您说了为什么不使用jquery,结论是您还是推荐它吗?(所以你要做的,这就是我最想知道的:
Tillito

3
关键条件是“如果您的站点不太复杂”。我喜欢jQuery Mobile及其设计,但还不完全到此。
乔什·穆奇


14

我认为这两个项目之间的主要区别是显而易见的:

Bootstrap:“时尚,直观,功能强大的前端框架,可以更快,更轻松地进行Web开发。”

jQuery Mobile:“针对智能手机和平板电脑的触摸优化Web框架。”

这两个框架旨在满足不同的需求和完成不同的事情。我已经在单独的项目中使用了它们两个,并且每个都有优点和缺点,但是直接比较它们将不利于两者。作为程序员/设计师/工程师,我们的工作是确定项目目标并为工作选择最佳工具。


7

这取决于您要如何处理它。在大多数情况下,我更喜欢Bootstrap,因为我喜欢基本的CSS,并且可以编译,responsive.less因此您也可以获得移动版本。使用Bootstrap进行原型制作时,Iam速度要快得多,因为它的耦合非常松散,只是简单的标记(除了插件,它们也很棒)。


1
使用jQuery移动框架是否可以根据应用程序的运行位置来调整字体大小?因为我使用的是twitter bootstrap,所以当我在具有不同宽度的所有浏览器以及android手机和平板电脑上运行我的应用程序时,它都可以正常工作,但是在iphone中运行时却会产生字体大小问题。它在iPhone手机中呈现非常小的字体。这可能是什么原因?
Priyanka 2013年

1
@Priyanka在我看来,您在那里缺少视口。:)
卡洛斯F
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.