首页 > 代码库 > AdminLTE 学习笔记

AdminLTE 学习笔记

 

使用adminlte进行页面布局需要四个主要部分:

  • .wrapper  : 页面的整体框架
  • .main-header : logo和顶部导航栏
  • .sidebar-wrapper  :  包含用户面板和侧边导航栏
  • .content-wrapper  :  包含页面和内容主体部分

adminlte有一些 用于各种布局的类名,可以将这些类中的每一个添加到dom标签 以获得所需的布局效果。

  • 使用 .fixed 固定得到一个固定的头和侧边栏。 
  • 使用类.sidebar-collapse 加载时有一个边栏。 
  • 使用类 .layout-boxed  得到 只有1250px的盒子。 
  • 使用类 .layout-top-nav  去除边栏顶部导航栏并在顶部导航栏有链接

 

 

 

 

 

 

 

 

 

 

 

 

AdminLTE详解参考:https://adminlte.io/themes/AdminLTE/documentation/index.html

 

AdminLTE 学习笔记