详解基于Bootstrap扁平化的后台框架Ace


Posted in Javascript onNovember 27, 2015

最近一段时间在做一个管理系统,在网上找了很久的前端展示框架,终于找到一款基于Bootstrap的后台管理系统模版:Ace。Bootstrap是Twitter 于2010年开发出来的前端框架,用过的同学应该知道,这款前端框架不仅界面很美观,而且兼容了很多的浏览器,大大加速了我们开发网站的速度!这篇文章讲到的Ace是基于Bootstrap的,所以界面自然也非常美观,这款后台管理系统组合了好多插件以及组件,可以满足很大一部分的后台管理系统模版。废话不多说,看下界面就知道了

详解基于Bootstrap扁平化的后台框架Ace

如果想及时了解Spark、Hadoop或者Hbase相关的文章,欢迎关注微信公共帐号:iteblog_hadoop

该后台框架有以下几个特点:

1、4中不同颜色的主题;

2、响应性设计;

3、文档很多。

4、HTML页面主要包括:

Dashboard with stats, charts and recent events
UI elements
Buttons
Treeview
Form elements
Wysiwyg editor
Wizard
Customizable widgets
Image gallery
Pricing tables
Invoice
Inbox
Timeline
FAQ
User profile
Login, register and forgot password
Error 404 and error 500 pages
And a few other

5、自定义元素和插件包括:

Pure CSS3 checkbox, radio and On/Off switch elements (not available in IE8)
File input control
Simple color picker
Custom scrollbars
Onpage help to provide better help for users

6、Bootstrap, jQuery UI 以及第三方插件包括:

jQuery
jQuery UI (Custom Build)
Twitter Bootstrap
FontAwesome
Google "Open Sans" Font
jQuery Flot Charts
jQuery Sparklines
Easy Pie Chart
jQuery Knob
jQuery Validate
FuelUX (Spinner & Wizard & Treeview)
FullCalendar
jQuery ColorBox
jQuery dataTables
jQuery Chosen
jQuery Masked Input
jQuery Input Limiter
jQuery AutoSize
Bootstrap Colorpicker
Bootstrap Datepicker
Bootstrap Timepicker
Bootstrap DateRange Picker
Bootstrap Date-Time Picker
Bootbox.js
jQuery Gritter
jQuery slimScroll
Spin.js
jQuery UI Touch Punch
Google Code Prettify
ExplorerCanvas
Mindmup Wysiwyg Editor
Toopay Markdown Editor
X-editable
Select2
Bootstrap Tags
jQuery Mobile (Custom Build)
jqGrid
Dropzone.js
Nestable lists plugin
typeahead.js
Dual listbox
Multiselect
jQuery raty

功能很强大,亲们可以点击这里查看演示:http://www.iteblog.com/ace/index.html。

Javascript 相关文章推荐
javascript中的几个运算符
Jun 29 Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
JavaScript设计模式之职责链模式应用示例
Aug 07 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
Oct 16 Javascript
Bootstrap精简教程
Nov 27 #Javascript
Bootstrap每天必学之标签与徽章
Nov 27 #Javascript
Bootstrap每天必学之导航条
Nov 27 #Javascript
javascript设计模式--策略模式之输入验证
Nov 27 #Javascript
jQuery实现图片预加载效果
Nov 27 #Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
Nov 27 #Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 #Javascript
You might like
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
2015/04/13 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
用JavaScript和jQuery实现瀑布流
2017/03/19 Javascript
微信小程序 wx:for的使用实例详解
2017/04/27 Javascript
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
Python2.x与Python3.x的区别
2016/01/14 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
Django跨域请求原理及实现代码
2020/11/14 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
四种会话跟踪技术
2015/05/20 面试题
本科生的职业生涯规划范文
2014/01/09 职场文书
学期自我评价
2014/01/27 职场文书
《问银河》教学反思
2014/02/19 职场文书
主办会计岗位职责
2014/03/13 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
地理科学专业自荐信
2014/09/01 职场文书