트위터 부트 스트랩 그리드 수직 정렬 바닥

그래서 나는 영원히 보이고 그것을 이해할 수없는 것입니다. 나는 이미지 때문에 다른 높이의 내용을 가진 그리드를 가지고 있으며, 나는 그것들 모두를 아래쪽에 정렬 시키려고 노력하고 있지만 운이 없었습니다. 이것은 당신이 원하는 것을 내가 여기에 본 것을했지만, 아니, 내 jsfiddle트위터 부트 스트랩 그리드 수직 정렬 바닥

http://jsfiddle.net/qXT6K

출처

2012-10-11 John Quinones

개봉하려고하는 것을 더 설명 할 수 있습니까? .size 블록 행이 페이지 하단에 정렬 되길 원하십니까? – sglessard

이와 바이올린의 업데이트 버전 (내가 생각하는) 당신이 원하는입니다 : http://jsfiddle.net/qXT6K/34/ 당신은 position: absolute; bottom: 0;으로 궤도에 있었다

; 오프셋을 올바르게 얻는 것이 중요합니다.

컨테이너 div에 하단 정렬을 표시하는 높이를 지정했습니다. 당신은, 당신이 margin-left: auto 및 margin-right: auto를 사용하는 데 필요한 모든 자식은 절대 위치와 함께, 그렇지 않으면 컨테이너 사업부 중심을 0

로 설정됩니다 (그래서 모든 아이들이 중심 나타납니다이) 그것을 높이를 줄 필요합니까 (예 : margin: 0 auto), div의 설정 폭 (본 예에서는 클래스 span8을 통해 적용됨), 모든 span- 클래스 요소에 번들로 표시된 float 속성 제거 또한 컨테이너 어린이를 가운데에 맞추려면 padding-right: 40px이 필요하며 margin-left: 20px에 해당하며 .span-에도 적용됩니다.

출처

2012-10-11 20:00:02 tuff

완벽한, 감사합니다! –

에 댓글을 달았 있습니까? http://jsfiddle.net/UxYnV/

업데이트 이제 요소가 중심으로되어 있습니다 http://jsfiddle.net/UxYnV/2/ 여기

출처

2012-10-11 19:40:48 Deleteman

꽤 많이 내가 시도하고있는 것이지만, 당신의 예에서는 더 이상 중심에 있지 않습니다. –

어떻습니까? (내 대답에 대한 업데이 트를 확인하십시오) – Deleteman

그래서 그냥 테스트 사이트에서 이것을 보았고 그냥 문서 창 하단에 맞 춥니 다. 그 이유는 사용 가능한 요소가 동일한 영역에 머물러있게하기 위해 상대적인 위치에 있어야한다는 것입니다. –

트위터 부트 스트랩 그리드 수직 정렬 바닥

답변

관련 문제