푸터
푸터 (Footer)
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 |