부트 스트랩의 고정 바닥 글

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>

나를 위해 일했습니다.

해당 예를 확인하는 것이 좋습니다. http://getbootstrap.com/2.3.2/examples/sticky-footer.html