Layout
Tips
The starter pages are a good place to start building your app from scratch.
The layout consists of five major parts:
-
Wrapper
.app-wrapper— a div that wraps the whole site. -
Main Header
.app-header— contains the logo and navbar. -
Main Sidebar
.app-sidebar— contains the sidebar user panel and menu. -
Content
.app-main— contains the page header and content. - Main Footer
.app-footer— contains the footer.
Layout Options
AdminLTE v4 provides a set of options to apply to your main layout. Each one
of these classes can be added to the
body tag to get the desired goal.
-
Fixed Sidebar: use the class
.layout-fixedto get a fixed sidebar. -
Mini Sidebar on Toggle: use the class
.sidebar-expand-* .sidebar-minito have a collapsed sidebar upon loading. -
Collapsed Sidebar: use the class
.sidebar-expand-* .sidebar-mini .sidebar-collapseto have a collapsed sidebar upon loading.