如今出現(xiàn)了大量的CSS前端框架，但真正優(yōu)秀的框架只有少數(shù)幾個。

本文將會比較其中五個最佳的框架。每個框架都有自己的優(yōu)點(diǎn)和缺點(diǎn)，以及具體的應(yīng)用領(lǐng)域，你可以根據(jù)自己的具體項(xiàng)目需求進(jìn)行選擇。此外，許多選項(xiàng)都是模塊化的，允許你僅使用所需的組件，甚至可以混合使用來自不同框架的組件。

本文依據(jù)各個框架的GitHub流行度來順序介紹。

Bootstrap

Bootstrap是目前可用框架中無可爭議的領(lǐng)導(dǎo)者。其人氣日益增長，你可以放心的選擇這個框架，而不必?fù)?dān)心項(xiàng)目會失敗，因?yàn)榫哂袕V泛使用基礎(chǔ)的框架，不太可能被拋棄。

• 創(chuàng)作者： Mark Otto 和 Jacob Thornton.
• 發(fā)行： 2011
• 當(dāng)前版本： 3.3.7
• 人氣： GitHub上有111,000顆星
• 說明： “Bootstrap是最流行的HTML，CSS和JavaScript框架，用于在網(wǎng)絡(luò)上開發(fā)響應(yīng)式、移動的Web項(xiàng)目。
• 核心概念/原則： RWD和移動端優(yōu)先。
• 框架大小： 154 KB
• 預(yù)處理器： Less和Sass
• 響應(yīng)式布局：是
• 模塊化：是
• 啟動模板/布局：是
• 圖標(biāo)集： Glyphicons Halflings設(shè)置
• 附加/附件：無捆綁，許多第三方插件可用。
• 獨(dú)特組件： Jumbotron
• 文檔資源：良好
• 自定制：基本GUI定制器。但是你需要手動輸入顏色值，因?yàn)闆]有顏色選擇器可用。
• 瀏覽器支持： Firefox，Chrome，Safari，IE8 +（您需要IE8的Respond.js）
• 許可證： MIT

Bootstrap說明

Bootstrap的廣泛流行是它的優(yōu)勢所在。在技術(shù)上，它不一定比列表中的其它框架更好，但它提供了比其它四個框架更多的資源（文章和教程、第三方插件和擴(kuò)展、主題構(gòu)建器等）。簡而言之，Bootstrap 無處不在，這是人們繼續(xù)選擇的主要原因。

easyui

easyui幫助你構(gòu)建你的web應(yīng)用更加容易。

它是一個基于jquery的插件，開發(fā)出來的一套輕量級的ui框架，非常小巧而且功能豐富。

　easyui就是一個前端框架，JQuery EasyUI是一組基于jQuery的UI插件集合體,而jQuery EasyUI的目標(biāo)就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面.開發(fā)者不需要編寫復(fù)雜的javascript,也不需要對css樣式有深入的了解,開發(fā)者需要了解的只有一些簡單的html標(biāo)簽，一大段廢話，通俗一點(diǎn)，就是簡化開發(fā)，它是一個框架，和jQuery只是一個js類庫，

　但是她有一個最大的問題就是代碼只能找到以前的開源的版本，到了1.2以后的版本源代碼都是經(jīng)過混淆的，如果遇到問題修改起來會非常麻煩！不過一個比較大的優(yōu)勢是開源免費(fèi)，并且界面做的還說的過去！

jQueryUI

jQueryUI是一套jQuery的頁面UI插件，包含很多種常用的頁面空間，例如Tabs（如本站首頁右上角部分）、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。　　功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個模塊，免費(fèi)開源！