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

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

工作流/時(shí)間軸

美化版滾動(dòng)條

圖表

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

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

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

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

最新評(píng)論