Footer

A simple responsive footer which can include anything: lists, headings, columns, icons, buttons, etc.

The Bulma footer is a simple container, with lots of bottom padding, making it great as the last element of any webpage.

Example

HTML

<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 #

Name
Type
Value
Computed Value
Computed Type
$footer-background-color
variable
$scheme-main-bis
hsl(0, 0%, 98%)
color
$footer-color
boolean
false
$footer-padding
size
3rem 1.5rem 6rem

Made with Bulma This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

#native_company# #native_desc#
#native_cta#

Newsletter Features, releases, showcase… stay in the loop!