页脚(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.

名字 类型 默认值 计算值
名字 类型 默认值 计算值
$footer-background-color color $scheme-main-bis hsl(0, 0%, 98%)
$footer-color boolean false
$footer-padding size 3rem 1.5rem 6rem