2013-05-26 35 views
14

我正在考慮爲移動網絡應用程序使用Twitter Bootstrap(TB)。 TB的下一個版本version 3聲稱是「移動優先」。然而,看着包含的Javascript文件,我幾乎完全看到「點擊」事件,幾乎沒有使用任何「觸摸」事件。 TB依靠Jquery來處理事件。另外,CSS中有很多「懸停」定義,這些定義在觸摸屏上不起作用。即便如此,當Google搜索時,我發現很多關於在移動網絡應用程序中使用結核病的建議和教程。Twitter Bootstrap適合觸摸屏嗎?

我的問題是:Twitter Bootstrap在性能(主要考慮速度和響應時間)方面在觸摸屏上的工作情況如何?

+1

我在移動web應用程序的數量上使用了Twitter Bootstrap,它工作得很酷。無論如何,懸停定義對於移動設備來說都沒有意義。 –

+0

在這裏列出的很多問題都與Bootstrap Github頁面上的nav下拉菜單有關:https://github.com/twitter/bootstrap/issues/4550我個人不會使用Bootstrap來達到這個目的,但是如果我我不得不花費大量的時間使用媒體查詢來隱藏不兼容的Bootstrap組件(請參閱上述鏈接以瞭解違規項目)。我的建議是看別處。注:然而,正如你所說,Bootstrap 3即將到來 - 我還沒有看過它的規範,所以可能會有所改進 – adaam

+0

Twitter Bootstrap是一個偉大的工具,我發現它適用於移動,但是當它來到加載時間,它具有很多功能,取決於您可能不需要的要求。也許更自定義的方法可以爲您節省一些加載時間,並有助於提高速度。 – Daimz

回答

1

我一直在用Twitter Bootstrap(v2)開發一系列在移動平臺上使用的web應用程序。您必須記住,Twitter Bootstrap並非滿足所有設計需求的完整解決方案。它「引導」你的項目,不必擔心某些事情。

Bootstrap v3已承諾爲移動平臺做更多的「引導」,但這並不意味着您不必爲任何希望部署的平臺進行某些開發。

如果使用Bootstrap v2,可以使用給定的CSS和自定義樣式輕鬆移動某些元素。它的速度非常奇妙,幾乎所有現代移動設備都對@media查詢提供了極好的支持,使您可以輕鬆地定位特定的移動設備大小。例如;我在特定文件中使用媒體查詢來使所有按鈕佔用全部寬度,以便在觸摸設備上更輕鬆地訪問。

就Bootstrap v3而言,我非常好奇,因爲Release Candidate並沒有真正向我展示任何真正改變我爲移動開發的方式。

希望這可以幫助你。