摘要:写在前面的模板非常多,上有着各种各样的免费及付费模板。概述是一个基于设计的自适应多用途的管理后台模板。下一篇之模板的学习之路源码分析之部分
写在前面
bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板。Metronic 是我最喜欢的模板之一(看一眼就喜欢上的那种),当前售价 $28 ,觉得赞的,不妨支持一下作者。觉得贵的,想必不用我说,你也会找到途径。:b
目录结构拿到 Metronic 后,可以看一下他的文件目录
_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预览效果
官网首页宣传图
主题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 模板的学习之路 - (2)源码分析之 head 部分
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/111444.html
摘要:你可以用此模板作为你应用程序的起点。上一篇之模板的学习之路主题布局配置下一篇之模板的学习之路前端自动化工具 前面我们将 Metronic 的结构和源码大致浏览了一遍,Metronic 整个文件包有三百多兆,在实际项目中,我们肯定用不到所有文件,这时,我们需要做一些自定义。 自定义和扩展 CSS 部分 要重载 Metronic 主题的 CSS 样式,我们可以定制 ../assets/la...
摘要:你可以用此模板作为你应用程序的起点。上一篇之模板的学习之路主题布局配置下一篇之模板的学习之路前端自动化工具 前面我们将 Metronic 的结构和源码大致浏览了一遍,Metronic 整个文件包有三百多兆,在实际项目中,我们肯定用不到所有文件,这时,我们需要做一些自定义。 自定义和扩展 CSS 部分 要重载 Metronic 主题的 CSS 样式,我们可以定制 ../assets/la...
摘要:修复后得到合法的后在由布局引擎建立相应的对象。在标签放置于标签之后时,源码被所有浏览器泛指上常见的修复为正常形式,即。上一篇之模板的学习之路源码分析之部分下一篇之模板的学习之路主题布局配置 上篇我们将 body 标签主体部分进行了简单总览,下面看看最后的脚本部门。 页面结尾部分(Javascripts 脚本文件) 我们来看看代码最后的代码,摘取如下: ...
摘要:的组成结构部分包含了,其中部分又包含了几个部分。代码如下图内容展示截图代码截图快捷栏展示截图代码截图页面底部展示截图代码截图上一篇之模板的学习之路源码分析之部分下一篇之模板的学习之路源码分析之脚本部分 body 的组成结构 body 部分包含了 HEADER、CONTAINER、FOOTER,其中 CONTAINER 部分又包含了 SIDEBAR、CONTENT、QUICK SIDEB...
阅读 713·2023-04-25 17:54
阅读 2969·2021-11-18 10:02
阅读 1131·2021-09-28 09:35
阅读 648·2021-09-22 15:18
阅读 2847·2021-09-03 10:49
阅读 3050·2021-08-10 09:42
阅读 2572·2019-08-29 16:24
阅读 1254·2019-08-29 15:08