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-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.