Bootstrap에서 바닥글을 페이지 하단에 고정하려면 어떻게 해야 합니까?

부트스트랩을 사용하여 페이지 하단으로 바닥글 플러시

질문:

가져오는 데 어려움이 있습니다. 특히 응답 특성을 고려하여 Twitter Bootstrap을 사용하여 페이지 하단에 플러시할 바닥글입니다. 이를 어떻게 효과적으로 달성할 수 있습니까?

답변:

Bootstrap 2.2.1에 이 기능이 이제 포함되었습니다.

Bootstrap의 경우 3.x:

navbar 구성 요소를 ".navbar-fixed-bottom" 클래스:

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

Bootstrap 4.x의 경우:

다음 코드를 통합합니다:

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

또한 페이지 콘텐츠가 표시되지 않도록 다음 스타일을 통합했는지 확인하세요. obscured:

body { padding-bottom: 70px; }

문서:

자세한 내용은 http://getbootstrap.com/comComponents/#navbar-fixed-에서 공식 Bootstrap 문서를 참조하세요. 하단.

위 내용은 Bootstrap에서 바닥글을 페이지 하단에 고정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!