這是一款基於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
本文作者:碼農網 – 小峰
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。
如果大家還想深入學習,可以點擊這裡進行學習,再為大家附一個精彩的專題:Bootstrap學習教程