這是一款基于Bootstrap的Metro風(fēng)格的后臺管理面板應(yīng)用，Bootstrap Metro Dashboard的UI是基于Twitter Bootstrap樣式的，同時(shí)使用了jQuery 1.9.1和jQuery UI組件，非常適合做網(wǎng)站的后臺管理系統(tǒng)界面。

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
同時(shí)也應(yīng)用了以下幾個JavaScript腳本庫：
 modernizr.js
Modernizr是一個開源的JS庫，它使得那些基于訪客瀏覽器的不同（指對新標(biāo)準(zhǔn)支持性的差異）而開發(fā)不同級別體驗(yàn)的設(shè)計(jì)師的工作變得更為簡單。它使得設(shè)計(jì)師可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時(shí)又不會犧牲其他不支持這些新技術(shù)的瀏覽器的控制。
 官方網(wǎng)站：http://modernizr.com/
 retina.js
Retina.js 檢查網(wǎng)頁中的圖片看是否存在高清的版本，如果有將會替換顯示。
 官方網(wǎng)站：http://retinajs.com

 Bootstrap Metro Dashboard相關(guān)組件
 管理面板首頁

工作流/時(shí)間軸

美化版滾動條

圖表

另外還有很多漂亮的UI組件，Bootstrap Metro Dashboard功能非常強(qiáng)大，如果你需要一個自己的后臺管理界面，那么Bootstrap Metro Dashboard是你很好的選擇。

本文鏈接：http://www.codeceo.com/article/bootstrap-metro-dashboard.html
本文作者：碼農(nóng)網(wǎng) – 小峰

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

如果大家還想深入學(xué)習(xí)，可以點(diǎn)擊這里進(jìn)行學(xué)習(xí)，再為大家附一個精彩的專題：Bootstrap學(xué)習(xí)教程

最新評論