You are viewing the deprecated 0.7.1 version of the website. Click here to view the latest version

Footer

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

      <footer class="footer">
  <div class="container">
    <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>
  </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	Default value
Name	Default value
`$footer-background-color`	`$background`

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

#native_company# #native_desc#

#native_cta#

New!

The official Bulma book! 😲

by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,
Mikko Lauhakari, Aslam Shah and David Berning

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.

Formats available:

PDF Epub Mobi

Kindle

PDF + Epub + Mobi Buy from

Kindle version Buy from

Or download a free sample !

Variables #

Support Bulma