부트 스트랩에서 페이지의 맨 아래에있는 요소

Question

필자가 구축중인 테스트 웹 사이트에서 부울 랩 xs-4 열의 바닥 글에 ul 목록을 배치하는 데 문제가 있습니다 http://www.badalic.com/burja.html 어떤 이유로 행 클래스가 내 웹 사이트의 100 % 높이를 채우는 것 같습니다. 바닥 글의 위치를 ​​0으로 설정하려고하면 flawlesly가 작동하지만 바닥이 똑같지 않은 이유는 알 수 없습니다. 어떤 도움을 주셔서 감사합니다. 고맙습니다!

Answer 1

행 클래스가 높이의 100 % 이상을 채 웁니다. xs-4 열의 button 요소가 문제입니다.

.button { 
    margin-top:45px; 
    border-radius: 50px; 
} 

두 열 모두 20px 차이가 있습니다. xs-4 열은 더 많은 공간을 수직으로 차지합니다 ..

변경 버튼 클래스 속성 차이를 확인하십시오.

.button { 
     border-radius: 50px; 
    } 

Answer 2

행은 웹 사이트의 100 %를 채우고 있지만 바닥 글은 창 하단에 절대적으로 배치되어 있습니다.

바닥 글을 행 아래에 앉히려면 CSS에서 bottom: 0 및를 제거하십시오.