Twitter Bootstrap - 僅限移動版本？

我正在爲需要有移動版本的客戶創建網站。他們現在已經有一個網站，他們想要保留，但只是想要一個完全不同的移動版本 - 所以，我想知道是否可以砍掉Twitter Bootstrap，以便它只使用框架的移動方面？Twitter Bootstrap - 僅限移動版本？

道歉，如果我的問題沒有意義，如果沒有，請隨時提出任何問題，我會盡力更好地解釋我自己。總而言之，我只是想使用Twitter Bootstrap設計一個網站的移動版本，但只有一個移動版本 - 不需要桌面版本，因爲客戶端域上已經存在一個版本。

來源

2013-05-02 Nikki Mather

您可以編輯.Less文件。但是，如果您只是在做手機，請考慮jQuery Mobile。這將是一個更好的選擇。 http://jquerymobile.com/ – 2013-05-02 13:35:00

優秀，看起來像一個更好的全方位解決方案。謝謝！ – 2013-05-02 13:48:46

@NikkiMather我也試圖創建一個網站的手機版本。你最終選擇了哪一個 - Twitter Bootstrap或jQuery Mobile？ – user1448031 2013-05-28 13:38:47

正如Robin2k所提到的，'bootstrap-responsive.css'/'bootstrap-responsive.min.css'文件將使您的網站在大多數移動設備上都能正常工作。

如果你只想砍劇本減少加載時間，我可以給你最好的建議是：

確保使用.min.css和.min.js文件，他們是相當小
嘗試CloudFlare，他們將緩存和壓縮你的引導文件，使您的網站加載速度快得多

來源

2013-05-02 14:24:05 VCNinc

CloudFlare會讓您的網站定期無法使用。 – jgillich 2013-05-02 14:26:59

@jgillich我發現CloudFlare的可靠性在過去幾個月裏有了很大的提升。亞馬遜也有類似的服務，不過價格要貴得多。 – VCNinc 2013-05-02 14:29:01

我發現這篇有趣的文章。你應該閱讀它。

http://www.kendoui.com/blogs/teamblog/posts/13-01-22/responsive_design_with_twitter_bootstrap.aspx

來源

2013-05-02 13:48:31 Hidden

您可以使用Twitter的，物業只顯示在手機大小的元素。那麼頁面的大小會增加，它會隱藏所有的頁面。沒有人能夠在桌面版上看到它。 http://twitter.github.io/bootstrap/scaffolding.html#responsive

來源

2013-05-02 13:48:59

您絕對只能使用Twitter Bootstrap的移動部件作爲起點。

更重要的問題是：單獨的移動網站的目的是什麼？爲什麼用戶需要手機上的不同內容與筆記本電腦或臺式機？最有利於未來的方法是讓當前網站響應/自適應，以便在相同的內容存在的情況下適應較小的屏幕。

只是我的2C，但你絕對可以剪掉你不喜歡的Bootstrap的部分。

來源

2013-05-02 13:52:29 Cattsan

感謝您的想法。我真的不知道爲什麼他們想要一個單獨的版本，而不是一個集成了他們當前設計的集成版本;我只知道他們不想改變或使用他們當前的桌面版本作爲移動版本的基礎 - 他們只是想要2個獨立的實體。感謝您的輸入。 – 2013-05-02 13:59:16

沒問題，我明白如何處理客戶的擺佈。但是，詢問用戶可能會很好。此外，請查看[此媒體查詢文章。]（http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile -version-your-website /） – Cattsan 2013-05-02 14:24:26

對於客戶想要提供不同體驗的移動網站是完全可以理解的。通過移動設備訪問網站與桌面設備呈現兩種使用情況，根據這些使用情況，用戶可能會關心或不關心的網站功能取決於他/她用來訪問它的設備。因此，一個適合所有人並不總是最好的選擇。

來源

2013-06-25 20:33:07 RWSansom

Twitter Bootstrap - 僅限移動版本？

回答

相關問題