Footer | Bulma: Free, open source, and modern CSS framework based on Flexbox

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.

<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
#native_company# #native_desc#
#native_cta#