metronic is an advanced admin control panel theme based on Bootstrap 3.x. Based on Bootstrap3 framework. Highly customizable and easy to use. Suitable for many screen resolutions from small mobile devices to large desktop computers. Contains 7 themes, up to about 100 example pages, very rich page display effects, including forms, tables, maps, calendars... and so on. metronic can be used for any type of web application: Metronic can be used for various forms of website programs, such as administrator backend, management instrument, e-commerce backend, CMS, CRM, SAAS, company website, e-commerce website, business website, information display website, blog, etc. Metronic’s stylish, clean, flat design can make your website look friendly and attractive. The Metronic template contains a large number of plug-ins and UI elements, and can be displayed normally on mainstream browsers, tablet devices, and smart devices. Browser compatibility: iE8, IE9, IE10, IE11, firefox, Safari, Opera, Chrome. Compared with other Bootstrap customized impact templates, this function and plug-in are richer. It feels very similar (free-AdminLTE). I rarely do front-end development. This article is used as a note-taking and joint learning process. Readers are asked not to be extreme when reading. Software preparation that may subvert your front-end concept: VS2013 purpose and guarantee Main purpose: integrated management template, necessary for building a management system backend, such as CMS, HR, OA and other management systems. The fancy software can be sold for up to 40% more than the same software with a rigid interface. It can be integrated into all language front-ends, including mainstream asp.net, JSP, and PHP (with a steady stream of Bootstrap and Metronic as updated technical support, unless the Tuitu team is disbanded) ) Directory software screenshot 1 According to the directory name, it can be seen that it contains document (documentation), resources (resources), start (start), theme (theme and theme_trl), indicating that readme.txt opens the readme and we can see that we only need to use theme This folder will do. theme_rtl supports RTL, which subverts my programming habits. You can run the index effect under theme-->templates-->adminX in sequence. However, I found that each admin corresponds to admin_material_design. According to the readme, admin_material_design corresponds to the AngularJS version. I don’t know how to compare. We don’t understand AngularJS, so we only use the normal version of the adminX software. Screenshots 2 and above are partial screenshots. The settings on the right can set the layout method. Software screenshot 3. Zoom out the browser to see the effect on the tablet. The effect is also very good. Full Feature List Clean, intuitive and fully responsive Metro style design (works in all major browsers, tablets and yes) 500+ valid template pages Bootstrap 3.3.5 framework jQuery 1.10.26 color themes Full Sass support Full RTL support Developer-friendly code Google Open Sans font Language Toggle bar Multi-level menu Horizontal mega menu E-commerce dashboard Order order view Product product editing layout Fixed default title layout Show/hide sidebar Horizontal sidebar Menu Horizontal Menu Web Page Example Multipurpose Email Template Loading Content via AJAX Sidebar Close Page Example Sidebar Fixed Page Example Blank Page Example Boxed Page Example Non-Responsive Boxed Page Layout User Interface Features Custom Tags and Accordion Metro Stylish buttons, form elements, glyphicons, integrated fonts (Font Awesome, awesome icons with version 3.2.0), charts (jQuery on), circle dials (jQuery Knobs), metro stylish sliders (jQuery UI), radio buttons and checkboxes Box Metro Style (jQuery Uniform) Sticky Notifications (jQuery Exchange) Pulsating Custom Toggle Button (Launch Button) jQuery UI Model Windows 8 Style Tiles Toastr Notifications Integrated Tree View (Bootstrap Tree) Integrated Nested Lists (jQuery Nested) ionic range slider noui range slider circle dial knob progress bar for user interface (jQuery blockUI) label input (jQuery label input) form stuff date picker (bootstrap date picker) time picker (bootstrap time picker ) Clock Face Time Picker (Bootstrap Clock Time Picker) Date Range Picker (Bootstrap Date Range Picker) Color Picker (Bootstrap Color Picker) 2 Dropdown Menu Select Custom Select Dropdown (Bootstrap Select) Multiple Select Auto Lift switch spinning IP address input Input mask Tag input Advanced file input Integrated WYSIWYG editor (bootstraps wysihtml5 and CKEditor) Unlimited form controls Advance form layout (2 columns, plus edges, row split, strip, tag strip) Advance Form Validation (jQuery Form Validation Plugin) Forms List of Comprehensive Full Calendar for Lock Screen (jQuery Complete Calendar)