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页面中查看。