Bootstrap Metronic Full-response management template Learn notes _javascript tips

Source: Internet
Author: User

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:

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,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

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.