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

2015-09-06 08:57:07

做過前端開發的小伙伴們應該對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。