做過前端開發的小伙伴們應該對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組件，非常適合做網站的后臺管理系統界面。

在線演示

2、StyleBootstrap – 基于 Bootstrap 的 UI 擴展

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

在線演示

3、BootFlat – 基于HTML5的CSS框架組件

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

在線演示

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

jQuery Mobile Bootstrap Theme是一款基于jQuery和Bootstrap的移動端主題框架，有著非常精美的UI界面和簡潔的操作控件。之前介紹過的 jQuery UI Bootstrap 主要是PC端的主題框架，跟jQuery UI Bootstrap相比，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。

在線演示

6、Bootswatch – 免費的 Bootstrap 主題包

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

在線演示

7、BootMetro – 基于 Bootstrap 的 Metro 風格 CSS 框架

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

在線演示

8、Flat UI – 基于 Bootstrap 的扁平化 UI 開發包

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

在線演示

本文固定鏈接: http://www.i7758.com/archives/2225.html