基於Bootstrap的後臺管理皮膚:Bootstrap Metro Dashboard

2015-08-15    分類:CSS框架、Web應用開發、開源軟體、首頁精華1人評論發表於2015-08-15

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

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

Bootstrap Metro Dashboard介紹

Bootstrap Metro Dashboard使用了以下jQuery外掛:

fullcalendar.min.js
jquery.chosen.min.js
jquery.cleditor.min.js
jquery.cookie.js
jquery.dataTables.min.js
jquery.elfinder.min.js
jquery.flot.js
jquery.flot.pie.js
jquery.flot.resize.min.js
jquery.flot.stack.js
jquery.gritter.min.js
jquery.imagesloaded.js
jquery.iphone.toggle.js
jquery.knob.modified.js
jquery.masonry.min.js
jquery.noty.js
jquery.raty.min.js
jquery.sparkline.min.js
jquery.ui.touch-punch.js
jquery.uniform.min.js
jquery.uploadify-3.1.min.js

同時也應用了以下幾個JavaScript指令碼庫:

modernizr.js

Modernizr是一個開源的JS庫,它使得那些基於訪客瀏覽器的不同(指對新標準支援性的差異)而開發不同級別體驗的設計師的工作變得更為簡單。它使得設計師可以在支援HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進行開發,同時又不會犧牲其他不支援這些新技術的瀏覽器的控制。

官方網站:http://modernizr.com/

retina.js

Retina.js 檢查網頁中的圖片看是否存在高清的版本,如果有將會替換顯示。

官方網站:http://retinajs.com

Bootstrap Metro Dashboard相關元件

管理皮膚首頁

工作流/時間軸

美化版滾動條

圖表

另外還有很多漂亮的UI元件,Bootstrap Metro Dashboard功能非常強大,如果你需要一個自己的後臺管理介面,那麼Bootstrap Metro Dashboard是你很好的選擇。

本文連結:http://www.codeceo.com/article/bootstrap-metro-dashboard.html
本文作者:碼農網 – 小峰
原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]

相關文章