developer tip

부트 스트랩의 고정 바닥 글

copycodes 2020. 11. 22. 19:55
반응형

부트 스트랩의 고정 바닥 글


Bootstrap을 사용 해보고 있는데 콘텐츠가 스크롤되는 경우 페이지에서 사라지지 않고 바닥의 바닥 글을 어떻게 고칠 수 있는지 궁금합니다.


뷰포트 하단에 고정되는 바닥 글을 얻으려면 다음과 같이 고정 된 위치를 지정하십시오.

footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrap은 클래스와 함께 Navbar> Placement 섹션에이 CSS를 포함합니다 fixed-bottom. 바닥 글 요소에이 클래스를 추가하기 만하면됩니다.

<footer class="fixed-bottom">

부트 스트랩 문서 : http://v4-alpha.getbootstrap.com/components/navbar/#placement


이거 추가 해봐:

<div class="footer navbar-fixed-bottom">

https://stackoverflow.com/a/21604189

편집 : 클래스 navbar-fixed-bottomfixed-bottomBootstrap v4-alpha.6 기준 으로 변경되었습니다 .

http://v4-alpha.getbootstrap.com/components/navbar/#placement


z-index:-9999;이 방법에 추가하십시오 1. 그렇지 않으면 .


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

참고 URL : https://stackoverflow.com/questions/19330611/fixed-footer-in-bootstrap

반응형