Layouts / Layout options

You can configure the initial layout by setting control classes to the html element. See also layout helpers.

<html class="layout-fixed layout-collapsed">
After the initial layout setup the recommended way to control layout options is layout helpers, because the helpers do some extra work, such as: setting container paddings (when navbar is fixed), performing layout animations, setting correct sidenav state classes depending on screen size etc.
Reverse layout direction without markup change.
Expand layout sidenav on small screens (< 992px).
Collapse layout sidenav on large screens (>= 992px).
Make layout sidenav offcanvas.
Set layout position to fixed.
Set layout position to fixed with offcanvas sidenav.
Set layout navbar position to fixed.
Set layout footer position to fixed.