AdminLET基本介绍

AdminLET

一、AdminLTE介绍

AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具，它提供了一系列响应的、可重复使用的组件，并内置了多个模板页面，同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLET我们可以快速创建一个响应式的html5页面。

二、Github获取AdminLET

https://github.com/ColorlibHQ/AdminLTE

AdminLET依赖于两个框架Bootstarp3与JQuery1.11+

传智播客翻译定制版：

https://github.com/itheima2017/adminlte2-itheima

三、AdminLET布局与皮肤

• 布局

  .weapper body下的代码

  .main-header logo以及导航栏的代码

  .main-sidebar 用户面板以及侧边栏菜单的代码

  .content-weapper 页面以及内容区域的代码

  .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 绿色