AdminLTE
1.AdminLTE介紹
AdminLTE是一款建立在bootstrap和jquery之上的開源的模板主題工具,它提供了一系列響應的、
可重複使用的組件,並內置了多個模板頁面;同時自適應多種屏幕分辨率,兼容PC和移動端。通
過AdminLTE,我們可以快速的創建一個響應式的Html5網站。AdminLTE框架在網頁架構與設計
上,有很大的輔助作用,尤其是前端架構設計師,用好AdminLTE 不但美觀,而且可以免去寫很大
CSS與JS的工作量。
2. GitHub獲取AdminLTE
https://github.com/almasaeed2010/AdminLTE
3.百度網盤鏈接(英文)
鏈接:https://pan.baidu.com/s/1_z-cCI1BH-kBocvlqZWlew
提取碼:471l
4.百度網盤鏈接(中文)
鏈接:https://pan.baidu.com/s/1zEtBIFQKRpddajgaN8YKKg
提取碼:qqqt
5.目錄介紹
AdminLTE/
├── dist/
│ ├── CSS/
│ ├── JS
│ ├── img
├── build/
│ ├── less/
│ │ ├── AdminLTE's Less files
│ └── Bootstrap-less/ (Only for reference. No modifications have been made)
│ ├── mixins/
│ ├── variables.less
│ ├── mixins.less
└── plugins/
- AdminLTE依賴於兩個框架Bootstrap3與JQuery1.11+
5.AdminLTE佈局與皮膚
-
佈局
.wrapper包住了body下的所有代碼 .main-header裏是網站的logo和導航欄的代碼 .main-sidebar裏是用戶面板和側邊欄菜單的代碼 .content-wrapper裏是頁面的頁面和內容區域的代碼 .main-footer裏是頁腳的代碼 .control-sidebar裏是頁面右側側邊欄區域的代碼
-
佈局選項
fixed:固定 layout-boxed:盒子佈局 layout-top-nav:頂部隱藏 sidebar-collapse:側邊欄隱藏 sidebar-mini:側邊欄隱藏時有小圖標
-
皮膚
skin-blue:藍色 skin-black:黑色 skin-purple:紫色 skin-yellow:黃色 skin-red:紅色 skin-green:綠色 以上項我們可以查看start.html頁面中查看。