基於Bootstrap的後台管理面板 Bootstrap Metro Dashboard_javascript技巧

這是一款基於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學習教程