基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard


Posted in Javascript onJune 17, 2016

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

 基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

工作流/时间轴

 基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

美化版滚动条

 基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

图表

 基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

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

Javascript 相关文章推荐
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
Jan 21 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
vuejs如何配置less
Apr 25 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 #Javascript
Bootstrap前端开发案例二
Jun 17 #Javascript
jQuery查看选中对象HTML代码的方法
Jun 17 #Javascript
Bootstrap前端开发案例一
Jun 17 #Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 #Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 #Javascript
基于JS实现导航条flash导航条
Jun 17 #Javascript
You might like
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
浅谈php://filter的妙用
2019/03/05 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
省市区三级联动jquery实现代码
2020/04/15 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
Python 的 Socket 编程
2015/03/24 Python
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
详解Python字典的操作
2019/03/04 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
Django自定义列表 models字段显示方式
2020/04/03 Python
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
关于母亲节的感言
2014/02/04 职场文书
大学生村官承诺书
2014/03/28 职场文书
2015大学生实训报告
2014/11/05 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
导游词之五台山
2019/10/11 职场文书