Twitter Bootstrap 행의 상단 여백 수수께끼

Twitter Bootstrap의 행에 상단 여백을 추가하는 것은 어려울 수 있으며, 특히 프레임워크의 핵심 스캐폴딩을 편집할 때 의도하지 않은 결과를 초래할 수 있습니다 .

프레임워크의 서식을 방해하지 않도록 하기 위한 실행 가능한 솔루션은 원하는 마진을 제공하는 새로운 최상위 버퍼 클래스를 정의하는 것입니다. 방법은 다음과 같습니다.

.top-buffer { margin-top:20px; }

사용자 정의 클래스를 정의한 후 추가 상단 여백이 필요한 특정 행에 이를 포함시키기만 하면 됩니다. 예를 들어 다음 코드는 지정된 행에 위쪽 여백을 적용합니다.

 ...
이 해결 방법을 구현하면 개발자는 Bootstrap의 여백을 유지할 수 있습니다. 필요한 경우 행에 원하는 간격을 추가하면서 구조적 무결성을 유지합니다.