Layout
Tips
The starter page is a good place to start building your app if you’d like to start 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.