부트 스트랩 3 플로트 버튼 패널 하단

Question

부트 스트랩 3 : 저는 패널 중앙의 반쪽에 버튼 센터를 플로팅하려고합니다. 하지만 전체 레이아웃이 반응 형이므로 화면 크기가 축소되거나 더 작을 때 필요합니다. 닫기 시도했지만 화면 크기를 조정할 때 머물지 않는 bootply 만들었습니다. 감사합니다, 네이트

Bootply Trial

Answer 1

이 당신이 얻을 싶어 무엇인가? http://www.bootply.com/114327

.relative { 
    position: relative; 
} 

.absolute { 
    position: absolute; 
} 

.bottom-btn { 
    left: 50%; 
    bottom: -17px; /* half of the button height */ 
    margin-left: -77px; /* half of the button width */ 
    /* instead of bottom and margin-left, you can use translateX as well. */ 
} 

CSS position 속성 플레이와 정확한 위치를 얻을 수 margin를 사용합니다. .bottom-btn 클래스의 주석을 참조하십시오.