8個強大的基於Bootstrap的CSS框架

本文由碼農網 – 小峰原創，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

做過前端開發的小夥伴們應該對Bootstrap不會陌生，它是由Twitter推出的開源CSS框架，其中包含了很多Web前端開發的工具包和應用元件。當然，和jQuery一樣，Bootstrap同時也是一個開放式的CSS框架，基於Bootstrap，我們也可以做許多不錯的CSS UI元件。本文就介紹了8個強大的基於Bootstrap的CSS框架，一起來看看。

1、Bootstrap Metro Dashboard - 基於Bootstrap的後臺管理皮膚

這是一款基於Bootstrap的Metro風格的後臺管理皮膚應用，Bootstrap Metro Dashboard的UI是基於Twitter Bootstrap樣式的，同時使用了jQuery 1.9.1和jQuery UI元件，非常適合做網站的後臺管理系統介面。

官方網站：https://github.com/jiji262/Bootstrap_Metro_Dashboard

2、StyleBootstrap - 基於 Bootstrap 的 UI 擴充套件

StyleBootstrap是一款基於Bootstrap的開源UI框架，目前基於Bootstrap風格的擴充套件外掛很多，比如Bootswatch、BootMetro等，這些之前我們都有做過介紹。StyleBootstrap應該說是對Bootstrap樣式風格的一種擴充套件，除了一些基本的按鈕、表單、選單之外，StyleBootstrap還設計了功能全面的顏色拾取器，非常不錯。

官方網站：http://stylebootstrap.info/

3、BootFlat - 基於HTML5的CSS框架元件

BootFlat 是一款基於 Bootstrap 的 Flat UI 元件，跟原生的Bootstrap框架相比，BootFlat提供了更多的頁面元件，同時增加了頁面佈局功能。與Flat UI相比更為突出的是BootFlat可以幫助你更快速的利用HTML5實現Web App開發。

官方網站：http://bootflat.github.io/index.html

4、jQuery Mobile Bootstrap Theme - jQuery移動端主題框架

jQuery Mobile Bootstrap Theme是一款基於jQuery和Bootstrap的移動端主題框架，有著非常精美的UI介面和簡潔的操作控制元件。之前介紹過的 jQuery UI Bootstrap 主要是PC端的主題框架，跟jQuery UI Bootstrap相比，jQuery Mobile Bootstrap Theme的體積更小，控制元件更適合移動端的操作習慣。

官方網站：https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

5、jQuery UI Bootstrap - 在jQuery UI上整合Bootstrap

jQuery UI Bootstrap是一個將jQuery UI整合到Bootstrap上的CSS框架，jQuery UI Bootstrap不僅可以利用jQuery UI強大的控制元件庫，同時還可以享受Bootstrap那種清新自然的主題風格，所以越來越多的前端開發者都在使用jQuery UI Bootstrap。

官方網站：http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/

6、Bootswatch - 免費的 Bootstrap 主題包

Bootswatch 是一款基於 Bootstrap 的免費主題包，其中包含了豐富的 Bootstrap 主題，你可以下載安裝這些主題的 CSS 檔案，實現各種各樣漂亮的 Bootstrap 主題風格。

官方網站：https://bootswatch.com/

7、BootMetro - 基於 Bootstrap 的 Metro 風格 CSS 框架

和Flat UI一樣，BootMetro同樣也是一款基於Bootstrap的CSS框架，BootMetro的最大特點在於它是一款Win 8 Metro風格的CSS框架。Metro風格的優勢在於介面簡潔平滑，UI元素簡單，載入速度快，並且有不錯的視覺效果。

官方網站：https://github.com/aozora/bootmetro

8、Flat UI - 基於 Bootstrap 的扁平化 UI 開發包

Flat UI是一款基於Bootstrap的扁平化前端UI工具包，Flat UI的元件外觀設計非常清新和漂亮，Flat UI的元件包含按鈕，輸入框，組合按鈕，核取方塊，單選按鈕，標籤，選單，進度條和滑塊等精美的元素。

官方網站：https://github.com/designmodo/Flat-UI

對於CSS框架和Bootstrap相關的資源，碼農網將進一步為您收集和整理，歡迎繼續關注。