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

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

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

Bootstrap

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

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

Bootstrap說(shuō)明

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

easyui

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

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

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

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

jQueryUI

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