Twitter의 부트 스트랩을 사용한 CSS 중심 센터링

-3

누군가 나를 도우 려하고 제 예제를 중심으로 수직으로 배치하는 코드를 설명해 주시겠습니까? 그것은 극단적 인 도움이 될 것이고 나는 그것을 많이 고맙게 여길 것이다! 내가 트위터 부트 스트랩 및 I를 사용하고Twitter의 부트 스트랩을 사용한 CSS 중심 센터링

는 두 개의 열

.login-carousel-container 
.loginbox-container

수직으로 내 페이지에 정렬해야합니다. 나의 현재 페이지

링크 : http://kmgp.us/stackoverflow/index.html

출처

2014-04-10 Kevin M. Gilbert

이 질문은 문제를 진단 할 수있는 충분한 정보가 부족하기 때문에 오프 주제 것으로 보인다. 문제를 자세히 설명하거나 질문 자체에 최소한의 예를 포함 시키십시오. –

어떻게? 나는 그 두 div를 어떻게 수직으로 정렬시킬 수 있는지를 묻는 것이다. –

이 피들을 다음과 같이 사용하십시오. http://jsfiddle.net/n8d8X/ – Deryck

-1

당신이 이것을 달성하기 위해 번역 변환하여 절대 위치를 사용할 수 있습니다.

.login-container { width:100%; max-width: 1400px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

이

는 페이지 중앙에 전체 컨테이너를 정렬됩니다. 너비를 추가하여 컨테이너가 원하는 크기가되도록 할 수 있습니다.

EDIT : 그래서 세로로 중점을두기를 원하십니까? 를 heres 코드는

.loginbox-container { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }

출처

2014-04-11 00:12:37 jono

잘 작동합니다! 그러나 오른쪽 부분은 아직 중심에 있지 않습니다. 그것의 상단에 로그인 - contaier –

.login - 컨테이너보다는 오히려 .login - 컨베이어 컨테이너 – jono

내가 그랬어, 방금 그 코드로 사이트의 코드를 업데이 트했습니다. 그것은 모든 것을 중심에두고 있지만, 클래스 loginbox-container는 수직적으로 중앙에 놓이게됩니다. –

Twitter의 부트 스트랩을 사용한 CSS 중심 센터링

답변

관련 문제