Bootstrap Metronic Full-response management template Learn notes _javascript tips

Learn to use the bootstrap Metronic full response management template, as follows

1. Introduction

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

Compared with other bootstrap customized impact template, this feature and Plug-ins are more rich. Feel the same as (free-adminlte)

Note:MVC4 series will not be upgraded with Metronic

Software Preparation: VS2013

2. Resources

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

3. Use and security

main Purpose: Integrated Management template, build management system backstage, such as CMS,HR,OA and other management system must. Fancy software can sell up to 40% more than the equivalent of a rigid interface

Can be merged into all language front-end, including mainstream asp.net,jsp,php

(Continuous bootstrap and metronic as update technical support unless the push Rabbit team dissolves)

4. Table of Contents

The directory name shows the document (documentation), resource (resources), start (start), subject (Theme and Theme_trl), description readme.txt

Open the Readme we can see that we just need to use theme this folder. THEME_RTL support Rtl,rtl to subvert my programming habits.

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

Ran and eggs, found that each admin corresponds to the admin_material_design, according to the readme admin_material_design is corresponding to the ANGULARJS version, do not know that is right.

I don't know angularjs, so we only use the normal version of Adminx.

The above is part of the screenshot. The setting on the right can set the way the layout

Shrinking the browser to see the effect of the tablet is also very good.

5. Summary

We just need to use the templates under theme as reference templates.

Author: ymnets
Source: http://ymnets.cnblogs.com/

If you want to further study, you can click here to learn, and then attach two wonderful topics: Bootstrap Learning Tutorials Bootstrap Practical course

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.