Footer Structure

Description

The footer in its simplest form is shown in the code below.

<div   data-role="footer">
   <!-- Add footer text or  buttons  here -->
</div>

The data-role="footer" is the only required attribute.

Within the footer, you may include any semantic HTML.

To position the footer at the very bottom of the screen, add data-position="fixed" to the footer element.

A default footer is positioned after the content and not at the bottom edge of the screen.