반응형
부트 스트랩의 고정 바닥 글
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-bottom
가 fixed-bottom
Bootstrap 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
반응형
'developer tip' 카테고리의 다른 글
UI없이 활동을 시작하는 방법은 무엇입니까? (0) | 2020.11.22 |
---|---|
Android의 스피너 배경 디자인 및 색상을 변경하는 방법은 무엇입니까? (0) | 2020.11.22 |
Android appcompat-v7 : 21.0.0 재질 확인란 색상 변경 (0) | 2020.11.22 |
부팅 할 시뮬레이터 장치를 확인할 수 없습니다. (0) | 2020.11.22 |
LocalDB SQL Server 2014 Express는 2 개의 인스턴스 (localdb) \ ProjectsV12 & (localdb) \ MSSQLLocalDB? (0) | 2020.11.21 |