Bootstrap Metronic fully responsive management template learning notes, bootstrapmetronic

Source: Internet
Author: User

Bootstrap Metronic fully responsive management template learning notes, bootstrapmetronic

Learn how to use the Bootstrap Metronic fully responsive management template. The specific content is as follows:

1. Introduction

Bootstrap MetronicIs an advanced management control panel topic based on Bootstrap 3.x. Bootstrap Metronic-is a fully responsive management template. Based on the Bootstrap3 framework. Highly customizable and easy to use. Suitable for screen resolutions from small mobile devices to large desktops. Contains 7 themes, up to 100 instance pages, rich page display effects, including forms, tables, maps, calendars... And so on.

Compared with other influential templates customized by Bootstrap, this function is rich with plug-ins. It feels similar (free-AdminLTE)

Note:Metronic will not be upgraded for the mvc4 Series

Software preparation:VS2013

2. Resources

7 theme demo addresses:

3. Purpose and assurance

Main purpose:An integrated management template is required to build a management system background, such as CMS, HR, OA, and other management systems. Fancy software can sell up to 40% of the same price as Rigid Interface Software

Can be merged to all language front ends, including mainstream, JSP, PHP

(Continuous Bootstrap and Metronic are used as technical support for updates, unless the rabbit team is disband)

4. Directory


Open readme and we can see that we only need to use the theme folder. Theme_rtl supports RTL, which subverts my programming habits.

You can run theme --> templates --> adminX index in sequence.

However, it is found that every admin corresponds to admin_material_design. According to readme, admin_material_design corresponds to the AngularJS version.

AngularJS is not understood, so we only use the normal version of adminX.

The above is part. You can set the layout on the right.

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

5. Summary

We only need to use templates under theme as the reference template.

Author: YmNets

Related Article

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.