diff options
author | Mark Otto <otto@github.com> | 2019-02-11 22:15:34 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-02-11 22:15:34 +0300 |
commit | 1ded0d6a4eefb7daca62c44e4e735aec200f0b6f (patch) | |
tree | e0036e5068cfb8e2c17971c4e892bd6b502dda9a /site/docs/4.3/examples/sticky-footer | |
parent | 3aa0770b711f69c4dcf5858b8913794e81b32d80 (diff) |
Release v4.3.0 (#28228)v4.3.0
* Prep for v4.3.0
* More updates for v4.3.0.
* rerun to build docs source map
Diffstat (limited to 'site/docs/4.3/examples/sticky-footer')
-rw-r--r-- | site/docs/4.3/examples/sticky-footer/index.html | 23 | ||||
-rw-r--r-- | site/docs/4.3/examples/sticky-footer/sticky-footer.css | 13 |
2 files changed, 36 insertions, 0 deletions
diff --git a/site/docs/4.3/examples/sticky-footer/index.html b/site/docs/4.3/examples/sticky-footer/index.html new file mode 100644 index 0000000000..0d684ce924 --- /dev/null +++ b/site/docs/4.3/examples/sticky-footer/index.html @@ -0,0 +1,23 @@ +--- +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="{{ site.baseurl }}/docs/{{ site.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/docs/4.3/examples/sticky-footer/sticky-footer.css b/site/docs/4.3/examples/sticky-footer/sticky-footer.css new file mode 100644 index 0000000000..7e85cdd2aa --- /dev/null +++ b/site/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; +} |