不同尺寸的智慧型設備快速的普及，過去不被重視的響應式網頁設計(RWD)越來越重要，一個具備RWD設計的網站，能給予消費者更好的用戶體驗，讓潛在客戶轉換成忠實客戶。

為了開發網站、應用插件，你必須要先了解這三種CSS框架–「Skeleton，Foundation和Bootstrap」，這三種框架最受開發人員喜愛，他們頻繁利用這些工具編寫應用程序、RWD網站，創造具有優秀介面和良好性能的網站。

框架又可被分為兩類：前端框架和後端框架。這兩類框架的類別也有區份，不過我們今天不聊這個。今天讓我們簡單聊一下如何選擇「Skeleton，Foundation和Bootstrap」CSS框架，這三種框架是最常被使用於RWD設計，它們每一個都有不同優缺點，能表達出的特性也有許多差別，開發人員必須了解如何在這三種框架中做出更好的選擇。

Skeleton

Skeleton-CSS-RWD
Skeleton-CSS-RWD

就像官方網站上宣傳的重點一樣—「簡易」，特別是在響應式設計方面，它提供的HTML網頁布局非常不錯，但並沒有豐富的CSS3，而且提供的模板數量也有限。雖然布局很乾淨，但你仍舊需要花費大量時間來開發。除了上述缺點，它一次只能提供一個演示案例，也讓開發人員感到不方便。

Foundation

foundationcss-RWD-CSS
foundationcss-RWD-CSS

比起Skeleton，Foundation就顯得非常棒了，在下載開發程式時，Foundation提供了四種選擇”namely complete, essential, custom“，確保開發人員能找到適合他們需求的代碼，它也提供許多現成的代碼，以及豐富的資源和模板。

Foundation的功能非常多元又簡單，對於初學者來說，它是一個非常好的RWD設計工具，使用Foundation能縮短開發網站需要的時間，在設計上，Foundation通常採用“移動設備優先”的方式輔助設計。

Bootstrap

bootstrap-rwd-css
bootstrap-rwd-css

這應該是大家最常聽到的CSS開發框架了，對許多開發人員來說，它是最優秀的RWD框架。與Foundation相比，它的代碼非常簡單、整潔，在優化方面更輕鬆快速。你能客製化各式各樣的模板，豐富的編寫方式是它遙遙領先其他開發工具的原因。

Bootstrap使用率會居高不下的原因，不單單只是它提供了多元豐富的設計。Bootstrap在讀取速度上也是遙遙領先其他框架，因此在所有專業的開發人員眼中，Bootstrap都是開發框架的不二首選。

總結

Skeleton在很多方面都不如Foundation和Bootstrap，處理較大項目會花費更多時間。但對於小型項目來說，Skeleton是最理想的選擇。真正要思考的是Foundation和Bootstrap，他們在許多方面都有對立的優缺點，但Bootstrap仍在速度、客製化方面佔有一席之地。

合箏網路行銷公司桃園–更多關於網路行銷教學、網頁設計教學、SEO關鍵字教學，延伸閱讀：

網站跳出率太高?7種改善移動用戶體驗的方法
如何打造吸引人的網站?3個2018年網站必備功能
2018年網站設計趨勢，企業絕對需要了解！

是時候抓住這個機會了！開始在網路上整合資源、行銷曝光，讓你的企業發光發熱，我們能幫助你做到這一點！歡迎到聯絡頁面，寫信讓我們知道你的需求！