diff options
Diffstat (limited to 'site/content/docs/4.3/examples/sticky-footer')
-rw-r--r-- | site/content/docs/4.3/examples/sticky-footer/index.html | 24 | ||||
-rw-r--r-- | site/content/docs/4.3/examples/sticky-footer/sticky-footer.css | 13 |
2 files changed, 37 insertions, 0 deletions
diff --git a/site/content/docs/4.3/examples/sticky-footer/index.html b/site/content/docs/4.3/examples/sticky-footer/index.html new file mode 100644 index 0000000000..a27b40c4d1 --- /dev/null +++ b/site/content/docs/4.3/examples/sticky-footer/index.html @@ -0,0 +1,24 @@ +--- +layout: examples +title: Sticky Footer Template +extra_css: + - "sticky-footer.css" +html_class: "h-100" +body_class: "d-flex flex-column h-100" +include_js: false +--- + +<!-- Begin page content --> +<main role="main" class="flex-shrink-0"> + <div class="container"> + <h1 class="mt-5">Sticky footer</h1> + <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p> + <p>Use <a href="/docs/{{< param docs_version >}}/examples/sticky-footer-navbar/">the sticky footer with a fixed navbar</a> if need be, too.</p> + </div> +</main> + +<footer class="footer mt-auto py-3"> + <div class="container"> + <span class="text-muted">Place sticky footer content here.</span> + </div> +</footer> diff --git a/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css b/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css new file mode 100644 index 0000000000..7e85cdd2aa --- /dev/null +++ b/site/content/docs/4.3/examples/sticky-footer/sticky-footer.css @@ -0,0 +1,13 @@ +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ + +.container { + width: auto; + max-width: 680px; + padding: 0 15px; +} + +.footer { + background-color: #f5f5f5; +} |