bootstrap/site/src/assets/examples/sticky-footer/index.astro

24 lines
816 B
Plaintext

---
import { getVersionedDocsPath } from '@libs/path'
export const title = 'Sticky Footer Template'
export const extra_css = ['sticky-footer.css']
export const html_class = 'h-100'
export const body_class = 'd-flex flex-column h-100'
---
<!-- Begin page content -->
<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={getVersionedDocsPath('/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 bg-body-tertiary">
<div class="container">
<span class="text-body-secondary">Place sticky footer content here.</span>
</div>
</footer>