2013-02-12 8 views
1

반응 형/유동형 레이아웃에 Twitter Bootstrap 프레임 워크를 사용하고 있습니다.Twitter Bootstrap 반응 형 문제?

웹 사이트의 상단은 화면의 전체 너비에 걸쳐 있지만, 콘텐츠에 들어가면 화면 오른쪽에서 약 20 픽셀 간격이 있습니다.

http://monosnap.com/image/dQ4OD0O8fW7gcbVvXVfTKLbUa

그리고 내 테스트 코드 :

@media (max-width: 767px){} 

당신은 여기에 스크린 샷을 볼 수에만 화면이 주소는 CSS의 일부를 당겨 충분히 작은 경우 일 것 여기에 호스팅되고 있습니다 : http://demo.omnigon.com/christian_bovine/show-sxsw/

큰 화면에서는 작은 화면에서만, 중간에는 중간 크기의 콘텐츠 만 표시됩니다. 나는 여러 번 보았고 내 문제를 볼 수 없습니까?

+0

Chrome에서 확인했는데 문제가 표시되지 않습니다 (이 페이지의 show-sxsw /). 어떤 브라우저를 사용하고 있습니까? – Omega

답변

3

#footer CSS 선택기에서 음수 여백을 제거해야합니다. 이 선언은 본질적으로 바닥 글이 부모 컨테이너보다 커야합니다.

일반적으로 부모 컨테이너에 패딩이 있고 자식 요소에 음수 여백을 적용하여 패딩을 무효화하려는 경우에만이 기술을 사용합니다.

+0

꼬리말입니다. 고맙습니다. 나는 그 외 모든 것을보고 있었다. – Xtian

+0

좋은 대답과 설명! –

관련 문제