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

1.簡介

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

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

注：mvc4系列不會升級用metronic

軟件準備：VS2013

2.資源

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

3.用途和保障

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

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

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

4.目錄

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

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

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

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

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

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

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

5.總結(jié)

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

作者：YmNets
出處：http://ymnets.cnblogs.com/

如果大家還想深入學(xué)習(xí)，可以點擊這里進行學(xué)習(xí)，再為大家附兩個精彩的專題： Bootstrap學(xué)習(xí)教程 Bootstrap實戰(zhàn)教程

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論