我可以使用bootstrap 3和jQuery Mobile嗎？

我已經閱讀了許多「引導與jQuery手機」的文章。很明顯，他們都有不同的目標。那麼結合他們呢？我可以使用bootstrap 3和jQuery Mobile嗎？

除此之外，我喜歡bootstrap的響應式佈局功能。另一方面，我也喜歡「頁面」方法和jQuery移動（包括滑動事件等）和轉換的可能性。

是否有專業項目相結合？或有人試圖這樣做，並失敗？

我知道Using Bootstrap with jQuery Mobile看起來像一個類似的問題，但它已過時（引用引導2）。

2013-09-05 Tillito

我個人不會將它們結合起來，因爲它們採用了兩種完全不同的方法，因此很難將它們結合起來。他們的目標有一點不同，它們都是爲構建用戶界面提供有用組件的框架。 – reinder

你只是想讓一個jQm站點響應？你不需要另一個框架。 – Mathletics

正如我在這個問題中寫的：有沒有人做過這樣的事，或者有人試圖這樣做是徒勞的？我知道利弊，但這不是我的問題。如果你不能幫助，請不要投票！ – Tillito

就我個人而言，我認爲jQuery Mobile具有比您真正需要的更多功能，並且它將您鎖定爲不靈活的構建方式。當你有很多不同動畫的面板時，它會開始變得越來越雜亂，並且通常很快就會讓你獲得80％的速度，但是花費很長時間來完成自定義的事情。

我會使用twitter bootstrap，然後添加插件來支持你需要的功能。

引導有很多非官方的插件，您可以添加模仿jQuery Mobile的的功能： http://bootsnipp.com/resources

或者你可以使用自己的插件手動添加滑動事件： http://stephband.info/jquery.event.swipe/

如果您想要一個可展開的側邊欄菜單，您可以輕鬆地自行添加它：

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

2013-10-24 01:21:02

頁面轉換怎麼樣？ –

您可以使用兩個div來顯示頁面內容，其中一個隱藏在屏幕之外。您將內容加載到頁面關閉屏幕中，然後將頁面轉換到視圖中，然後將屏幕上的前一頁隱藏起來 –

結論我不會推薦相結合jQuery Mobile的引導和複雜項目。

JQM知識 我們正在使用JQuery Mobile（JQM）框架構建一系列複雜的Web應用程序。我們花了一年多的時間來製作這個，現在對JQM有相當合理的瞭解。

積極的一些功能是有用的，如持久頁腳和移動友好的組件給HTML5應用程序一個非常原生的感覺。負面影響：我們不得不禁用很多JQM的功能，例如預加載頁面以創建我們所需的複雜功能。

最終的結果是好的，因爲我們欺騙了iOS開發者認爲它是原生的。

引導知識 我最近也產生：使用引導做廣告上述JQM產品一個負責任的網站，並已制定了非常好（http://www.sure-sense.com）。

的組合 我試圖引導與儀表板應用程序的JQM項目結合起來，但已迅速強調，2個架構不兼容。 JQM的CSS標記引導CSS頂部的組件，結果是一些看起來像JQM的組件和其他像引導程序的組件。

2014-03-19 21:58:05 glimmer

感謝您分享真實世界的體驗！ –

+1，真實世界的體驗是真正的談話者！ –

良好的信息，但www.sure-sense.com已關閉。 :-( – woolfie

對於一個人的工作，我不認爲它真的很重要什麼單一的解決方案或組合選擇，因爲它是所有你和唯一的「你」，使他們的工作。

但是，對於團隊工作，在公司甚至企業中，工作分別包括製作模板+實施應用，責任分別轉到創意設計團隊和IT團隊。所以最終的解決方案需要與這兩個團隊保持一致。

對於我們公司來說，CD團隊傾向於使用BootStrap，因爲他們被要求製作許多自定義的特效網頁模板，但是IT團隊已經做了一些jQM應用，他們喜歡將它用於未來的開發工作，衝突。

從長遠來看，「用戶需求」克服了衝突，我們現在要使用BootStrap模板，並儘量避免在我們的主要移動Web應用程序開發中使用jQM。

一個可憐但需要接受的選擇。

2014-08-12 06:13:30

回答