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

jopen 9年前發布 | 19K 次閱讀 Bootstrap

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

1、Bootstrap Metro Dashboard - 基于Bootstrap的后臺管理面板

這是一款基于Bootstrap的Metro風格的后臺管理面板應用,Bootstrap Metro Dashboard的UI是基于推ter Bootstrap樣式的,同時使用了jQuery 1.9.1和jQuery UI組件,非常適合做網站的后臺管理系統界面。

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

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

2、StyleBootstrap - 基于 Bootstrap 的 UI 擴展

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

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

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

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

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

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

官方網站: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的體積更小,控件更適合移動端的操作習慣。

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

官方網站: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。

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

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

6、Bootswatch - 免費的 Bootstrap 主題包

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

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

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

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

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

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

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

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

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

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

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

本文鏈接: http://www.codeceo.com/article/8-bootstrap-css-framework.html
本文作者: 碼農網 – 小峰

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!