Dies ist eine Backend-Verwaltungsanwendung im Metro-Stil, die auf Bootstrap basiert. Die Benutzeroberfläche von Bootstrap Metro Dashboard basiert auf dem Twitter -Bootstrap -Stil und verwendet JQuery 1.9.1- und JQuery UI -Komponenten, die für die Interface für Website -Backend -Management -Systeme sehr geeignet sind.
Einführung in Bootstrap Metro Dashboard
Bootstrap Metro Dashboard verwendet das folgende JQuery -Plugin:
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.imagesload.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
Gleichzeitig werden auch die folgenden JavaScript -Skriptbibliotheken angewendet:
modernizr.js
Modernizr ist eine Open -Source -JS -Bibliothek, die es Designern erleichtert, die unterschiedliche Erfahrungsstufen basierend auf den Unterschieden in den Gastbrowsern (in Bezug auf Unterschiede bei der Unterstützung neuer Standards) entwickeln. Es ermöglicht Designer, HTML5- und CSS3 -Funktionen für die Entwicklung in Browsern zu nutzen, die HTML5 und CSS3 unterstützen, ohne die Kontrolle anderer Browser zu beeinträchtigen, die diese neuen Technologien nicht unterstützen.
Offizielle Website: http://modernizr.com/
retina.js
Retina.js Überprüfen Sie die Bilder auf der Webseite, um festzustellen, ob es eine hochauflösende Version gibt. Wenn es welche gibt, wird es ersetzt.
Offizielle Website: http://retinajs.com
Bootstrap Metro Dashboard -verwandte Komponenten
Management Panel -Startseite
Workflow/Timeline
Verschönerte Scrollbar
Diagramm
Es gibt auch viele schöne UI -Komponenten. Bootstrap Metro Dashboard ist sehr leistungsfähig. Wenn Sie eine eigene Backend -Management -Oberfläche benötigen, ist das Bootstrap Metro Dashboard eine gute Wahl für Sie.
Link zu diesem Artikel: http://www.codeceo.com/article/bootstrap-metro-dashboard.html
Autor dieses Artikels: Xiaofeng, Codierungsnetzwerk
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.
Wenn Sie noch eingehend studieren möchten, können Sie hier klicken, um Ihnen ein wunderbares Thema zu lernen und anzuhängen: Bootstrap -Lern -Tutorial