Bootstrap 之 Metronic 模板的学习之路 - (1)总览

ByteCosmicCipher
• 阅读 32426

写在前面

bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板。Metronic 是我最喜欢的模板之一(看一眼就喜欢上的那种),当前售价 $28 ,觉得赞的,不妨支持一下作者。觉得贵的,想必不用我说,你也会找到途径。:b

目录结构

拿到 Metronic 后,可以看一下他的文件目录

Bootstrap 之 Metronic 模板的学习之路 - (1)总览

  • _documentation: 说明文档,我的学习就是从看这文档开始,下面的会有部分摘录和体会。

  • _resources:PSD 设计源码,你如果想在其基础上重新设计,不妨看看。

  • start.html和_start文件夹:模板预览开始的地方,打开 start.html 就能看到全部 7 个模板的展示,没有下载的朋友,也可移步官网演示进行查看。;

  • theme:所有 Metronic 风格都在这文件夹里面,你可以挑一个布局作为自己的开发起点;

  • theme_rtl: 镜面布局的模板,这种界面布局根据阿拉伯语、波斯语等RTL语言而反转。

概述

Metronic is a responsive and multipurpose admin theme powered with Twitter Bootstrap 3.3.6 Framework. Metronic can be used for any type of web applications: custom admin panels, admin dashboards, CMS, CRM, SAAS and more. Metronic has a sleek, clean and intuitive metro & flat balanced design which makes your next project look awesome and yet user friendly. Metronic has a huge collection of plugins and UI components and works seamlessly on all major web browsers, tablets and phones.

Metronic 是一个基于 Bootstrap 3.* 设计的自适应、多用途的管理后台模板。Metronic 被广泛应用于各种 web 应用:定制化管理控制台、CMS, CRM, SAAS 以及更多。它有着平滑、清爽、简洁的设计,让你的项目能显得友好却又高大上。Metronic 有着大量的插件和 UI 组件,并且可以和谐地工作在各个主流浏览器、平板和手机上。

We put a lot of love and effort to make Metronic a useful tool for everyone and now Metronic comes with 7 complete admin layouts. We are keen to release continuous long term updates and dozens of new features will be coming soon in the future releases. Once you purchased Metronic, you will be entitled to free download of all future updates for the same license.

我们非常用心、努力地去让 Metronic 变为一个对每个人都有用的工具,现在 Metronic 已经有了 7 个完整的管理模板设计。(后面懒得翻译,因为我翻译水平太烂啦^_^)

We are keen to release continuous long term updates and dozens of new features will be coming soon in the future releases. Once you purchased Metronic, you will be entitled to free download of all future updates for the same license.

(懒得翻译,一句话,你只要有一个 license 就可以免费下载所有的更新。)

Author: KeenThemes
Contact: support@keenthemes.com
Follow: twitter.com/keenthemes
Like: facebook.com/keenthemes
Dribbble: dribbble.com/keenthemes
Created On: 13/02/2013
Updated On: 10/07/2016

预览效果

官网首页宣传图

Bootstrap 之 Metronic 模板的学习之路 - (1)总览

主题1的截图

Bootstrap 之 Metronic 模板的学习之路 - (1)总览

手机等小尺寸屏显示效果

Bootstrap 之 Metronic 模板的学习之路 - (1)总览

更多预览效果参加官网 7个主题演示地址http://www.keenthemes.com/pre...

模板结构

All template files have fixed structure consisting of header, mega menu, top menu, user bar, sidebar menu, quick sidebar, content and footer as shown below:

所有的模板文件都有着固定结构,包括:header, mega menu, top menu, user bar, sidebar menu, quick sidebar, content 和 显示在底部的 footer。

Bootstrap 之 Metronic 模板的学习之路 - (1)总览


下一篇:Bootstrap 之 Metronic 模板的学习之路 - (2)源码分析之 head 部分

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Wesley13 Wesley13
3年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表:时辰时间24时制子时深夜11:00凌晨01:0023:0001:00丑时上午01:00上午03:0001:0003:00寅时上午03:00上午0
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(