The footer may contain arbitrary content.
The optional footer is displayed at the bottom of the page. Use Bootstrap's float classes to align footer content left or right.
<ma-footer> <div class='float-xs-left'> Footer content </div> <div class='float-xs-right'> More content </div> </ma-footer>
The footer may be fixed (doesn't move when you scroll the content) or static (scrolls with the content).
You may experiment with the footer using the controls above.
This card is here to take up space.
This card is very tall in order to demonstrate the difference between a fixed and static footer. Try scrolling up and down after toggling the "Fixed position" checkbox above.