Bootstrap Metronic Study Record (a) introduction

1. Introduction

is a bootstrap 3.x-based advanced management Control Panel theme. Bootstrap Metronic-is a fully responsive administrative template. Based on the BOOTSTRAP3 framework. Highly customizable and easy to use. Fits a lot of screen resolutions from small mobile devices to large desktops. Contains 7 themes, up to 100 instances page, very rich page display effects, including forms, tables, maps, calendars ... Wait a minute.

Compared to other bootstrap-customized impact templates, this feature is rich with plugins. Feel the same (free-adminlte)

I seldom do front-end development, this article is as a note and a common learning process. Please do not be biased when reading the reader. Might turn your front-end idea upside down.

Software Preparation: VS2013

2. Resources

　　HTTP://YUNPAN.CN/CM43ZPUWZGRYF access Password a323 Currently the latest version 4.1.0 This is the latest official intact download package. I packed him into 7z. rar up to 140MB itself.

7 Topics Demo Address: http://www.keenthemes.com/preview/metronic/

3. Use and Guarantee

　　Main purpose: Integrated management template, build management system backstage, such as CMS,HR,OA management system must. Fancy software can sell up to 40% more than the same software as the rigid interface.

can be incorporated into all language front ends, including mainstream asp.net,jsp,php

(Continuous bootstrap and metronic as update technical support, unless the team of Rabbits is disbanded)

4. Catalogue

　　

By directory name you can see that the document is included (documentation), resource (resources), start (start), subject (Theme and Theme_trl), description readme.txt

Open the Readme we can see that we only need to use theme this folder. THEME_RTL supports RTL,RTL to subvert my programming habits.

You can run the index effect under Theme-->templates-->adminx in turn.

And then the egg, found that each admin corresponds to the admin_material_design, according to the readme admin_material_design is the corresponding ANGULARJS version, do not know to say the contrast.

Don't understand angularjs so we only use the normal version of Adminx

　　

The above is part. The settings on the right allow you to set the layout way

　　

It's also nice to zoom out of the browser and look at the effects of the tablet.

5. Summary

　　We only use the theme under the templates as the reference template,

Next: Try merging into an ASP. MVC5 solution

　　

Bootstrap Metronic Study Record (a) introduction