页脚(Footer)

简单的响应式页脚,它可以包含任何元素: lists, headings, columns, icons, buttons, etc.

Bulma 页脚(footer) 是一个简单容器, 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