詳解基於Bootstrap扁平化的後台框架Ace_javascript技巧

最近一段時間在做一個管理系統，在網路上找了很久的前端展示框架，終於找到一款基於Bootstrap的後台管理系統模版：Ace。 Bootstrap是Twitter 2010年開發出來的前端框架，用過的同學應該知道，這款前端框架不僅介面很美觀，而且相容了很多的瀏覽器，大大加速了我們開發網站的速度！這篇文章講到的Ace是基於Bootstrap的，所以介面自然也非常美觀，這款後台管理系統組合了很多插件以及元件，可以滿足很大一部分的後台管理系統模版。廢話不多說，看下介面就知道

如果想隨時了解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。