트위터 부트 스트랩이있는 다른 페이지의 다른 패딩

Question

새로운 레일스 프로젝트를 시작하고 트위터 부트 스트랩을 추가했습니다. 이것은 초보자 질문이지만, 어떻게 트위터 - 부트 스트랩의 기본 상단 및 왼쪽 패딩을 방해하지 않고 페이지의 전체 높이/너비에 걸쳐있는 배경 이미지를 추가합니까? 아직 설치하지 않은 기본 설정이 있습니까? 특정 페이지의 패딩을 제거하고 나머지는 계속 남아 있도록하려면 어떻게합니까? 이 패딩은 유익한가요?

감사

Answer 1

당신은이 패딩

body.my-page{ 
    background-image: url('my-image'); 
    height: 100%; 
    width: 100%; 
} 

에 의해 영향을받지 않습니다으로, 몸에 배경 이미지를 추가하거나 전체 폭/승 absolute/'fixed` 위치에 컨테이너를 추가 할 수 있습니다 & 높이와 해당 컨테이너에 배경 이미지를 적용하십시오.

<div class="bg"></div> 
</body> 

CSS 패딩이 정의

.my-page .bg{ 
    background-image: url('my-image'); 
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 1; 
} 

.my-page .container{ 
    position: relative; 
    z-index: 2; 
}