互聯網的不斷成熟和發展以及我們在生活中使用移動端的設備來訪問互聯網的需求讓現在的前端開發工作變的越來越復雜，以前的前端開發只需要掌握好HTML、CSS、jQuery就可以滿足建站的要求了，但是現在就不行，還需要掌握好各種各樣的框架知識才可以滿足。今天粵嵌科技就來和大家說說前端開發培訓常用的框架有哪些?

1、Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設計相同的功能，也是前端開發培訓常用的框架之一。包含用于所有標準組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導航等等，風格與Facebook類似。

2、Kickstrap

Kickstrap是Bootstrap的一個變體。它基于Bootstrap，并在它的基礎上添加了許多app，主題以及附加功能。這使得這個框架可以單獨地用于構建網站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網站上，然后用就可以了。

3、Bootstrap

Boostrap是目前前端開發培訓常用的框架用得廣泛的一款框架。它是一套優美，直觀并且給力的web設計工具包，可以用來開發跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。

4、BootMetro

BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap框架構建，用于創建Windows 8的Metro風格的網站。它包括所有Bootstrap的功能，并添加了幾個額外的功能，比如頁面平鋪，應用程序欄等等。

5、GroundworkCSS

GroundworkCSS是前端培訓框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個響應式的HTML5，CSS以及JavaScript工具包，可以用于快速創建原型并且建立在各種瀏覽設備上可以正常工作的網站和app。

6、Foundation

Foundation是一款強大的，功能豐富的并且支持響應式布局的前端開發框架，你可以通過Foundation快速創建原型，利用它所包含的大量布局框架，元素以及范例快速創建在各種設備上可以正常運行的網站以及app。Foundation在構建的時候秉承移動優先的策略，它擁有大量實用的語義化功能，并且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗，并且提高運行的速度。

7、HTML KickStart

HTML Kickstart是一款可以用來方便創建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標準以及跨瀏覽器兼容的代碼。這款框架提供了多種樣式表，包括網格，排版，表單，按鈕，表格，列表以及一些跨瀏覽器兼容的web組件比如JavaScript的幻燈片功能，tabs，面包屑導航，包含子菜單的菜單以及工具提示等等。

8、Gumby

Gumby是一款基于Sass和Compass的簡單靈活并且穩定的前端開發框架，也是前端開發培訓常用的框架之一。

它的流式-固定布局(fluid-fixed layout)可以根據桌面端以及移動設備的分辨率自動優化要呈現的網頁內容。它支持多種網格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網格系統上進行設計。