基于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 相关文章推荐
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
js获取事件源及触发该事件的对象
Oct 24 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
使用Vue生成动态表单
Nov 26 Javascript
详解如何在Canvas中添加事件的方法
Apr 17 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横向重复区域显示二法
2008/09/25 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
php Calender(日历)代码分享
2014/01/03 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
JS实现根据当前文字选择返回被选中的文字
2014/05/21 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
微信小程序scroll-view点击项自动居中效果的实现
2020/03/25 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
python k-近邻算法实例分享
2014/06/11 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
在Django框架中编写Contact表单的教程
2015/07/17 Python
python tools实现视频的每一帧提取并保存
2020/03/20 Python
python pyqtgraph 保存图片到本地的实例
2020/03/14 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
活动总结书
2014/05/08 职场文书
建筑施工安全责任书
2014/07/24 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
党员民主生活会材料
2014/12/15 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
javascript实现计算器功能详解流程
2021/11/01 Javascript