快捷導(dǎo)航

Bootstrap Metronic完全響應(yīng)式管理模板學(xué)習(xí)筆記

更新時(shí)間：2024年09月18日 17:19:01 作者：ymnets

這篇文章主要為大家分享了Bootstrap Metronic完全響應(yīng)式管理模板學(xué)習(xí)筆記，感興趣的小伙伴們可以參考一下

學(xué)習(xí)使用Bootstrap Metronic完全響應(yīng)式管理模板，具體內(nèi)容如下

1.簡(jiǎn)介

Bootstrap Metronic是一個(gè)基于Bootstrap 3.x的高級(jí)管理控制面板主題。Bootstrap Metronic - 是一個(gè)完全響應(yīng)式管理模板。基于Bootstrap3框架。高度可定制的，易于使用。適合從小型移動(dòng)設(shè)備到大型臺(tái)式機(jī)很多的屏幕分辨率。包含7個(gè)主題，高達(dá)100個(gè)左右的實(shí)例頁(yè)面，非常豐富頁(yè)面展示效果，包括表單，表格，地圖，日歷…等等。

對(duì)比了其他Bootstrap定制的影響式模版，這個(gè)功能與插件比較豐富。感覺(jué)大同小異如（免費(fèi)的-AdminLTE）

注：mvc4系列不會(huì)升級(jí)用metronic

軟件準(zhǔn)備：VS2013

2.資源

7個(gè)主題演示地址：http://www.keenthemes.com/preview/metronic/

3.用途和保障

主要用途：一體化的管理模版，構(gòu)建管理系統(tǒng)后臺(tái)，如CMS,HR,OA等管理系統(tǒng)必備?；ㄇ蔚能浖冉缑嫠腊宓耐溶浖r(jià)格可賣出高達(dá)40%

能合并到所有語(yǔ)言前端，包括主流asp.net,JSP,PHP

（源源不斷的Bootstrap 和Metronic作為更新技術(shù)支持，除非推兔團(tuán)隊(duì)解散）

4.目錄

按目錄名稱可以看出包含了文檔（documentation），資源（resources），開(kāi)始(start)，主題(theme與theme_trl)，說(shuō)明readme.txt

打開(kāi)readme我們可以看到我們只需要用theme這個(gè)文件夾即可。theme_rtl支持RTL，RTL顛覆我的編程習(xí)慣。

可以依次運(yùn)行theme-->templates-->adminX下的index效果?！?/p>

然并沒(méi)有，發(fā)現(xiàn)每一個(gè)admin對(duì)應(yīng)了admin_material_design，根據(jù)readme說(shuō)明admin_material_design是對(duì)應(yīng)AngularJS版本的，不知道說(shuō)得對(duì)不。

不懂AngularJS所以我們只用到正常版本的adminX