간단한 부트 스트랩/파운데이션 패딩 레이아웃 문제

Question

부트 스트랩/파운데이션 또는 이와 유사한 레이아웃으로 작업 할 때 항상이 문제가 발생합니다.

나는 .row을 가지고 있으며 그 안에 두 개의 열이 있고, 왼쪽 열에는 큰 H1과 같은 것이 있고 패딩이 있습니다. 오른쪽 열에는 간단한 텍스트 태그가 있습니다. 내가 이것을 할 때 H1이 잘 보이고 수직으로 가운데에 놓이게되는 것은 .row 그러나 <a>는 작기 때문에 .row의 꼭대기로 움직일 것이고, 그것은 보일 것이다. 이 문제를 해결하려면 태그에 margin-top을 추가 할 수 있지만 브라우저 창의 크기를 다른 중단 점으로 조정하면 margin-top이 반응 레이아웃을 엉망으로 만듭니다. 이 문제를 어떻게 해결합니까?

Answer 1

가장 좋은 방법은 여백을 사용하는 것이지만 미디어 쿼리를 사용하여 멋진 비트 컨트롤을 추가하는 것입니다 (단순히 Twitter Bootstrap 및 Foundation에서 사용하는 기본 미디어 쿼리를 사용하여 모양과 느낌을 변경). normalise.css와 같은 기능을 사용하여 일부 스타일을 재설정 할 수는 있지만 귀하의 경우에는 H1 태그와 a 태그 사이에 항상 차이가있을 것이라고 생각합니다.