HTML & CSS/HTML

[HTML] footer.html : 기본 템플릿 snippet

QUERY 2021. 7. 25. 14:58

HTML-로고
HTML-로고


기본 Footer 템플릿

<footer class="footer mt-auto py-3 bg-light">
        <div class="container">
                <span class="text-muted">&copy; Company's Name {% now "Y" %}</span>
        </div>
</footer>

 


※ 참고 사항 ※

Footer 하단 고정 방법

<body class="d-flex flex-column min-vh-100">
        <header> HEADER </header>
        <content> CONTENT </content>
        <footer class="mt-auto"></footer>
</body>

▶ 단, 이 방법은 Bootstrap4 혹은 Bootstrap5를 사용할 때 가능합니다.

'HTML & CSS > HTML' 카테고리의 다른 글

[HTML] 헷갈리는 태그들 정리  (0) 2021.08.20
[HTML] base.html : 기본 템플릿 snippet (Django용)  (0) 2021.07.25
[HTML] 파일 경로 File Paths  (0) 2021.07.25