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-fixed to get a fixed sidebar.
  • Mini Sidebar on Toggle: use the class .sidebar-expand-* .sidebar-mini to have a collapsed sidebar upon loading.
  • Collapsed Sidebar: use the class .sidebar-expand-* .sidebar-mini .sidebar-collapse to have a collapsed sidebar upon loading.