Sticky footer

You can add a sticky footer component by adding the class (am-sticky-footer) to the main wrapper (am-wrapper) element.

This component is compatible with the aside element, for more compatibility the footer element has a fixed height, but you can modify it with (@footer-height) variable in your custom less code, your main structure should be like this:

<html lang="en">
  <body>
    <div class="am-wrapper am-sticky-footer">
      <nav class="navbar navbar-default navbar-fixed-top am-top-header">
        <!-- Top bar -->
      </nav>
      <div class="am-left-sidebar">
        <!-- Left sidebar -->
      </div>
      <div class="am-content">
        <!-- Main content -->
        <footer>
          <span><!-- Footer text --></span>
        </footer>
      </div>
      <div class="am-right-sidebar">
        <!-- Right sidebar -->
      </div>
    </div> 
  </body>
</html>