这是一款基于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学习教程