2012-02-11 72 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