資訊專欄INFORMATION COLUMN
摘要：寫在前面的模板非常多，上有著各種各樣的免費(fèi)及付費(fèi)模板。概述是一個(gè)基于設(shè)計(jì)的自適應(yīng)多用途的管理后臺(tái)模板。下一篇之模板的學(xué)習(xí)之路源碼分析之部分
寫在前面
bootstrap 的模板非常多，Envato 上有著各種各樣的免費(fèi)及付費(fèi)模板。Metronic 是我最喜歡的模板之一（看一眼就喜歡上的那種），當(dāng)前售價(jià) $28 ，覺(jué)得贊的，不妨支持一下作者。覺(jué)得貴的，想必不用我說(shuō)，你也會(huì)找到途徑。:b
目錄結(jié)構(gòu)拿到 Metronic 后，可以看一下他的文件目錄
_documentation: 說(shuō)明文檔，我的學(xué)習(xí)就是從看這文檔開(kāi)始，下面的會(huì)有部分摘錄和體會(huì)。
_resources：PSD 設(shè)計(jì)源碼，你如果想在其基礎(chǔ)上重新設(shè)計(jì)，不妨看看。
start.html和_start文件夾：模板預(yù)覽開(kāi)始的地方，打開(kāi) start.html 就能看到全部 7 個(gè)模板的展示，沒(méi)有下載的朋友，也可移步官網(wǎng)演示進(jìn)行查看。；
theme：所有 Metronic 風(fēng)格都在這文件夾里面，你可以挑一個(gè)布局作為自己的開(kāi)發(fā)起點(diǎn)；
theme_rtl: 鏡面布局的模板，這種界面布局根據(jù)阿拉伯語(yǔ)、波斯語(yǔ)等RTL語(yǔ)言而反轉(zhuǎn)。
概述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 是一個(gè)基于 Bootstrap 3.* 設(shè)計(jì)的自適應(yīng)、多用途的管理后臺(tái)模板。Metronic 被廣泛應(yīng)用于各種 web 應(yīng)用：定制化管理控制臺(tái)、CMS, CRM, SAAS 以及更多。它有著平滑、清爽、簡(jiǎn)潔的設(shè)計(jì)，讓你的項(xiàng)目能顯得友好卻又高大上。Metronic 有著大量的插件和 UI 組件，并且可以和諧地工作在各個(gè)主流瀏覽器、平板和手機(jī)上。
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 變?yōu)橐粋€(gè)對(duì)每個(gè)人都有用的工具，現(xiàn)在 Metronic 已經(jīng)有了 7 個(gè)完整的管理模板設(shè)計(jì)。（后面懶得翻譯，因?yàn)槲曳g水平太爛啦^_^）
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.
(懶得翻譯，一句話，你只要有一個(gè) license 就可以免費(fèi)下載所有的更新。)
Author: KeenThemes Contact: [email protected] Follow: twitter.com/keenthemes Like: facebook.com/keenthemes Dribbble: dribbble.com/keenthemes Created On: 13/02/2013 Updated On: 10/07/2016預(yù)覽效果
官網(wǎng)首頁(yè)宣傳圖
主題1的截圖
手機(jī)等小尺寸屏顯示效果
更多預(yù)覽效果參加官網(wǎng) 7個(gè)主題演示地址：http://www.keenthemes.com/pre...
模板結(jié)構(gòu)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:
所有的模板文件都有著固定結(jié)構(gòu)，包括：header, mega menu, top menu, user bar, sidebar menu, quick sidebar, content 和 顯示在底部的 footer。
下一篇：Bootstrap 之 Metronic 模板的學(xué)習(xí)之路 - （2）源碼分析之 head 部分
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111444.html
摘要：你可以用此模板作為你應(yīng)用程序的起點(diǎn)。上一篇之模板的學(xué)習(xí)之路主題布局配置下一篇之模板的學(xué)習(xí)之路前端自動(dòng)化工具 前面我們將 Metronic 的結(jié)構(gòu)和源碼大致瀏覽了一遍，Metronic 整個(gè)文件包有三百多兆，在實(shí)際項(xiàng)目中，我們肯定用不到所有文件，這時(shí)，我們需要做一些自定義。 自定義和擴(kuò)展 CSS 部分 要重載 Metronic 主題的 CSS 樣式，我們可以定制 ../assets/la...
摘要：你可以用此模板作為你應(yīng)用程序的起點(diǎn)。上一篇之模板的學(xué)習(xí)之路主題布局配置下一篇之模板的學(xué)習(xí)之路前端自動(dòng)化工具 前面我們將 Metronic 的結(jié)構(gòu)和源碼大致瀏覽了一遍，Metronic 整個(gè)文件包有三百多兆，在實(shí)際項(xiàng)目中，我們肯定用不到所有文件，這時(shí)，我們需要做一些自定義。 自定義和擴(kuò)展 CSS 部分 要重載 Metronic 主題的 CSS 樣式，我們可以定制 ../assets/la...
摘要：修復(fù)后得到合法的后在由布局引擎建立相應(yīng)的對(duì)象。在標(biāo)簽放置于標(biāo)簽之后時(shí)，源碼被所有瀏覽器泛指上常見(jiàn)的修復(fù)為正常形式，即。上一篇之模板的學(xué)習(xí)之路源碼分析之部分下一篇之模板的學(xué)習(xí)之路主題布局配置 上篇我們將 body 標(biāo)簽主體部分進(jìn)行了簡(jiǎn)單總覽，下面看看最后的腳本部門。 頁(yè)面結(jié)尾部分（Javascripts 腳本文件） 我們來(lái)看看代碼最后的代碼，摘取如下： ...
摘要：的組成結(jié)構(gòu)部分包含了，其中部分又包含了幾個(gè)部分。代碼如下圖內(nèi)容展示截圖代碼截圖快捷欄展示截圖代碼截圖頁(yè)面底部展示截圖代碼截圖上一篇之模板的學(xué)習(xí)之路源碼分析之部分下一篇之模板的學(xué)習(xí)之路源碼分析之腳本部分 body 的組成結(jié)構(gòu) body 部分包含了 HEADER、CONTAINER、FOOTER，其中 CONTAINER 部分又包含了 SIDEBAR、CONTENT、QUICK SIDEB...
閱讀 726·2023-04-25 17:54
閱讀 2986·2021-11-18 10:02
閱讀 1143·2021-09-28 09:35
閱讀 663·2021-09-22 15:18
閱讀 2867·2021-09-03 10:49
閱讀 3065·2021-08-10 09:42
閱讀 2588·2019-08-29 16:24
閱讀 1267·2019-08-29 15:08
