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.