The Bulma footer is a simple container, with lots of bottom padding, making it great as the last element of any webpage.
Footer
A simple responsive footer which can include anything: lists, headings, columns, icons, buttons, etc.
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div>
</footer>Variables #
You can use these variables to customize this layout. Simply set one or multiple of these variables before importing Bulma. Learn how.
| Name | Type | Default value | Computed value |
|---|---|---|---|
| Name | Type | Default value | Computed value |
$footer-background-color
|
color |
$scheme-main-bis
|
hsl(0, 0%, 98%)
|
$footer-color
|
boolean |
false
|
|
$footer-padding
|
size |
3rem 1.5rem 6rem
|
This page is open source.
Noticed a typo? Or something unclear?
Improve this page on GitHub
