Metronic干货系列-介绍和目录结构

Metronic干货系列

1. Metronic干货系列-介绍和目录结构

2. Metronic干货系列-首页（未更新）

3. Metronic干货系列-核心文件js（未更新）

4. Metronic干货系列-核心文件css（未更新）

5. Metronic干货系列-常用插件（未更新）

6. Metronic干货系列-快速用法（未更新）

7. Metronic干货系列-常用demo分析（未更新）

8. Metronic干货系列-gulp（未更新）

9. Metronic干货系列-实战(一)（未更新）

10. Metronic干货系列-实战(二)（未更新）

---

Metronic介绍

• Metronic是一套基于Twitter Bootstrap 3.x的高级管理控制面板主题，是一个完全响应式管理模板，它是收费的但是价格不贵。
  
• Metronic可用于任意类型的网页应用：商城后台、CMS、CRM、SAAS和一些前端模板包括商业网站、商城、企业网站、作品展示、博客等。
• Metronic的时尚、简洁、直观的metro扁平化分格设计，让你的项目看起来更吸引人、用户体验更好、项目成交率大大提高。
• Metronic集成了大量的BootStrap插件和Jquery插件：包括sweetAlert(最近更新)、bootstrap-colorpicker、bootstrap-fileinput、bootstrap-switch等等。支持目前流行的各种PC浏览器、平板电脑和手机。浏览器兼容：iE8+、Firefox、 Safari、 Opera、 Chrome。
• 当前文章所指定的版本是Metronic4.7版本，包含七个模板，100个左右的demo页面。经过版本的迭代更新，页面效果越来越好看，功能越来越强大。包括portlet、花俏的按钮、各种图表、好看的布局等等。
• 官网的演示地址:http://www.keenthemes.com/preview/metronic/ ，我们将选取它里面的第二套皮肤的默认版本作为研究的对象。

Metronic目录结构介绍

_documentation目录

用浏览器打开_documentation目录下的index.html文件。

文档中对首页模板、字体样式、主题和布局、顶部菜单栏、左侧菜单栏、横向菜单栏、layout_blank_page.html(包含基本布局的空页面)、BootStrap插件、Jquery的插件等等还有版本更新的日志进行了一下简单的说明。可以从头到尾仔细的看一下，我们将会选择几个重点的内容来进行讲解和说明：第4点（Theme & Layout Configuration）、第8点（New Page）和 第11