여기 내 플런 커가 있습니다 : http://plnkr.co/edit/HSVBuzzp1IIDjFdbuf4E?p=preview
간단히 말해서, 페이지 하단에 바닥 글을 넣는 방법을 찾을 수 없습니다.
나는 html에 의존하려고했습니다.
<footer></footer>
부트 스트랩 UI의 클래스를 사용해 보았습니다.
<div class="modal-footer">
또는
<div id="footer">
<div class="container">
...
</div>
하지만 아무것도 ... 작동하지 않는 것 같습니다 ...
이것을 확인하십시오 : http://plnkr.co/edit/caLGN05wzH3Ls2PcRoTe?p=preview
html, body {
height: 100%;
}
.modal-footer {
position: absolute;
bottom: 0;
width: 100%;
}
페이지 헤드에 CSS를 더 추가했습니다. 첫째, 페이지를 살펴보면 본문의 길이가 페이지의 절반에 불과합니다. 따라서 전체 페이지를 차지하도록 높이를 100 %로 지정해야합니다.
둘째, 바닥 글을 페이지 하단에 배치 하려면 첫 번째 위치에있는 부모 (이 경우에는 다른 요소에 위치를 지정하지 않았으므로 없음)에 맞춰 지도록 바닥 글을 절대 위치로 배치해야합니다. bottom 을 0으로 지정하여 하단에 고정 되도록 할 수 있습니다 .
이것은 바닥 글을 맨 아래에 놓을 수있는 일반적인 방법입니다. 부트 스트랩에 무언가가 내장되어 있는지 확인할 수 있습니다.
도움이 되었기를 바랍니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다