1.簡介

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

　　對比了其他Bootstrap定制的影響式模版，這個功能與插件比較豐富。感覺大同小異如（免費的-AdminLTE）

注：　mvc4系列不會升級用metronic

　　軟件準備：VS2013

2.資源

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

3.用途和保障

　　主要用途：一體化的管理模版，構建管理系統后臺，如CMS,HR,OA等管理系統必備。花俏的軟件比界面死板的同等軟件價格可賣出高達40%

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

　　（源源不斷的Bootstrap 和Metronic作為更新技術支持，除非推兔團隊解散）

4.目錄

　　

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

　　打開readme我們可以看到我們只需要用theme這個文件夾即可。theme_rtl支持RTL，RTL顛覆我的編程習慣。

　　可以依次運行theme-->templates-->adminX下的index效果。　

　　然并卵，發現每一個admin對應了admin_material_design，根據readme說明admin_material_design是對應AngularJS版本的，不知道說得對不。

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

　　

　　以上是部分截圖。右邊的設置可以設置布局的方式

?

　　

　　把瀏覽器縮小看看平板下的效果同樣非常不錯。

5.總結

　　我們只需用到theme下的templates為參照模版

隨便求推薦一款截圖加框軟件，QQ截圖太坑爹了，邊又細，又不精準

　　

轉載于:https://www.cnblogs.com/ymnets/p/4805193.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Bootstrap Metronic 学习记录（一）简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。