Bootstrap을 사용 해보고 있는데 콘텐츠가 스크롤되는 경우 페이지에서 사라지지 않고 바닥의 바닥 글을 어떻게 고칠 수 있는지 궁금합니다.
답변
뷰포트 하단에 고정되는 바닥 글을 얻으려면 다음과 같이 고정 된 위치를 지정하십시오.
footer {
position: fixed;
height: 100px;
bottom: 0;
width: 100%;
}
Bootstrap은 클래스와 함께 Navbar> Placement 섹션에이 CSS를 포함합니다 fixed-bottom. 바닥 글 요소에이 클래스를 추가하기 만하면됩니다.
<footer class="fixed-bottom">
부트 스트랩 문서 : https://getbootstrap.com/docs/4.4/utilities/position/#fixed-bottom
답변
이거 추가 해봐:
<div class="footer navbar-fixed-bottom">
https://stackoverflow.com/a/21604189
편집 : 클래스 navbar-fixed-bottom가 fixed-bottomBootstrap v4-alpha.6 기준 으로 변경되었습니다 .
http://v4-alpha.getbootstrap.com/components/navbar/#placement
답변
이거 추가 해봐:
<div class="footer fixed-bottom">
답변
z-index:-9999;이 방법에 추가하십시오 1. 그렇지 않으면 .
답변
다음 ID 스타일이 적용된 div에 페이지 콘텐츠를 래핑하면됩니다.
<style>
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}
</style>
<div id="wrap">
<!-- Your page content here... -->
</div>
나를 위해 일했습니다.
