푸터

Bulma의 footer는 하단에 많은 패딩을 가진 간단한 컨테이너예요. 그래서 어떤 웹페이지의 마지막 요소로 사용하기 아주 좋지요. 실제 예시와 함께 사용법을 알아볼게요.

출처: 문서

본문

Bulma의 footer는 하단에 많은 padding을 가진 간단한 컨테이너예요. 그래서 어떤 웹페이지의 마지막 요소로 사용하기에 아주 좋습니다.

Example

Bulma by Jeremy Thomas. / The source code is licensed MIT. The website content is licensed CC BY NC SA 4.0.

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="https://opensource.org/license/mit">MIT</a>. The
website content is licensed
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0//"
>CC BY NC SA 4.0</a
>.
</p>
</div>
</footer>

Sass 및 CSS 변수 (Sass and CSS variables)

Sass Variable CSS Variable Value
$footer-background-color var(--bulma-footer-background-color) var(--bulma-scheme-main-bis)
$footer-color var(--bulma-footer-color) false
$footer-padding var(--bulma-footer-padding) 3rem 1.5rem 6rem

더 알아보기 (Learn more)