Page wrapper

Apply the class .page-wrapper to the direct child of <body>, the main wrapper of the page content, to make the <footer> sticky to bottom of the page.

Example

html

<body>
    <header><header>
    <div class="page-wrapper">
        <!-- Page content here -->
    </div>
    <footer></footer>
</body>

Page wrapper ​

Example ​

Page wrapper

Example