1. 云栖社区>
  2. >
  3. 正文

基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard_javascript技巧

作者:用户 来源:互联网 时间:2016-06-17 09:38:27

bootstrapmetrodashboard

基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard_javascript技巧 - 摘要: 本文讲的是基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard_javascript技巧, 这是一款基于Bootstrap的Metro风格的后台管理面板应用,Bootstrap Metro Dashboard的UI是基于Twitter Bootstrap样式的,同时使用了jQuery 1.9.1和jQuery UI组件,非常适合

这是一款基于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相关组件
 管理面板首页

 2016617155635601.jpg

工作流/时间轴

 2016617155647122.jpg

美化版滚动条

 2016617155702391.jpg

图表

 2016617155717257.jpg

另外还有很多漂亮的UI组件,Bootstrap Metro Dashboard功能非常强大,如果你需要一个自己的后台管理界面,那么Bootstrap Metro Dashboard是你很好的选择。

本文链接:http://www.codeceo.com/article/bootstrap-metro-dashboard.html
本文作者:码农网 – 小峰

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持云栖社区。

如果大家还想深入学习,可以点击这里进行学习,再为大家附一个精彩的专题:Bootstrap学习教程

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索bootstrap , metro dashboard metro dashboard、metro dashboard 下载、bootstrap dashboard、bootstrap3 dashboard、bootstrap的dashboard,以便于您获取更多的相关知识。