同學您好，web前端總共有11個框架，因為web前端框架可以很大程度的節約開發的成本和時間，所以web前端框架很多企業都會選擇，常用的Web前端開發框架如下：

　　1、Bootstrap

　　Bootstrap流行的CSS框架，它是早的Web前端框架，Bootstrap提供了許多實例來幫助入門。使用Bootstrap可以將不同的組件和布局組合在一起，從而創建有趣的頁面設計，還提供了大量詳細的文檔。

　　2、QUICK UI

　　QUICK UI一套完整的企業級web前端開發解決方案，由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量提高開發效率，快速構建功能強大、美觀、兼容的web應用系統。

　　3、MDC Web

　　Material Components for the web(MDC Web)，谷歌為Web設計的全新前端框架。MDC Web幫助開發人員執行Material Design，組件由谷歌的核心工程師團隊和UX設計人員開發。這些組件可以建立可靠的開發工作流程以構建美觀且功能強大的Web項目。

　　4、Pure

　　Bootstrap，Patternfly和MDC Web功能非常強大的CSS框架，但非常繁瑣復雜。如想要一個輕量級的CSS框架建議嘗試Pure.css，本身接近于CSS編程，但又可以幫助構建一個不錯的網頁。Pure是具有小占用空間的輕量級CSS框架由Yahoo開發根據BSD許可是開源。

　　5、Foundation

　　Foundation聲稱是世界上的響應式前端框架。它提供了用于構建專業網站的功能和教程。許多公司，組織都使用該框架，并且該框架具有大量可用的文檔。

　　6、Bulma

　　Bulma基于Flexbox的開源框架可根據MIT許可證開源。一個非常輕量級的框架，只需要一個CSS文件。Bulma擁有簡潔明了的文檔可輕松選擇想要的主題。還具有許多Web組件可以在設計中使用它們。

　　7、Skeleton

　　輕量級框架Skeleton。Skeleton庫只有大約400行，且該框架僅提供一些基本的CSS框架組件。Skeleton還是提供了詳細的文檔來幫助快速上手。

　　8、Materialize

　　Materialize 是一個基于 Material Design風格的一個現代化的響應式前端框架，解決了繁重的工作，結合的自定義組件為提供默認的樣式。Materialize的文檔頁面非常很容易遵循。其組件頁面包括按鈕，卡片，導航等。

　　9、Bootflat

　　Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比Bootflat簡單加輕量級。大部分都是圖像沒有太多的文字。

　　10、PatternFly

　　PatternFly是Red Hat的開源CSS框架，和Bootstrap不同的是Bootstrap是為那些想要創建漂亮網站的人而設計，而PatternFly主要專注于企業應用程序開發人員提供諸如條形圖、圖表、導航之類的組件，實際上Red Hat就是使用它創建了OpenShift。除了靜態HTML，PatternFly還支持ReactJS框架，這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用于企業級應用程序的組件，如條形圖，圖表，模式和布局。

　　11、flex

　　Flex目前還在孵化階段，還不是Apache的正式項目，Flex4.8也不是一個正式的Apache版本。該版本標志著Flex新時代的開始，Flex的未來將由社區來驅動而不是由一個公司驅動。開發者可以通過貢獻代碼來幫助改進Flex，如修復bug、增加功能等。

　　更多關于web前端培訓的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓服務經驗，采用全程面授高品質、高體驗培養模式，擁有國內一體化教學管理及學員服務，助力更多學員實現高薪夢想。